国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用 Gatsby.js 搭建靜態(tài)博客 3 樣式調(diào)整

Julylovin / 3016人閱讀

摘要:成功添加樣式當(dāng)然,除了,還有其他樣式如等,還有其他可以看官網(wǎng)右側(cè)的選項(xiàng)。不過(guò)比較麻煩的是覆蓋樣式需重啟服務(wù)才能生效不能嵌套選擇器這是一個(gè)

原文鏈接:https://ssshooter.com/2018-12...

回顧:使用 Gatsby.js 搭建靜態(tài)博客 2 實(shí)現(xiàn)分頁(yè)

修復(fù)代碼高亮

為了測(cè)試樣式,隨便找一個(gè)以前的 .md 文件粘貼到 blog 項(xiàng)目中渲染看看效果:

emmm,問(wèn)題大了,必備的代碼高亮都沒有...

但是當(dāng)我審查元素時(shí)發(fā)現(xiàn),這竟然是已經(jīng)被分詞的狀態(tài),又經(jīng)過(guò)一系列的資料搜集,發(fā)現(xiàn) prismjs 已經(jīng)預(yù)裝到項(xiàng)目中,那么我們要做僅僅是引入css文件就行了。

import "prismjs/themes/prism-TWILIGHT.css"

成功添加樣式!當(dāng)然,除了 TWILIGHT,prismjs 還有其他樣式如 COY、OKAIDIA 等,還有其他可以看官網(wǎng)右側(cè)的選項(xiàng)。

大問(wèn)題解決了然后就按照自己喜好調(diào)整樣式吧~

全局自定義樣式 方案 1:修改 typography.js

你可以通過(guò)在 src/utils/typography.js 中的 overrideThemeStyles 添加全局樣式(當(dāng)然,其更重要的作用是覆蓋原有的主題樣式)。

不過(guò)比較麻煩的是:

覆蓋樣式需重啟服務(wù)才能生效

不能嵌套選擇器

// 這是一個(gè)            
               
                                           
                       
                 

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/100028.html

相關(guān)文章

  • 創(chuàng)造屬于自己的靜態(tài)博客

    摘要:所以自己定值博客,或許可以讓自己堅(jiān)持更新下去。配合上語(yǔ)雀的文章發(fā)布推送絕配,于是有了這么個(gè)功能專題。 可以前往我的博客閱讀:https://ssshooter.com/2019-02... 0 前言 本文并不是從 0 開始使用 gatsby.js 搭建博客,starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量節(jié)省項(xiàng)目搭...

    Channe 評(píng)論0 收藏0
  • 使用 Gatsby.js 搭建靜態(tài)博客 2 實(shí)現(xiàn)分頁(yè)

    摘要:原文地址使用搭建靜態(tài)博客關(guān)鍵文件本文將會(huì)介紹如何為初始項(xiàng)目添加分頁(yè)功能。不過(guò)由于本來(lái)就打算重寫樣式,這一塊可以放心刪掉處理完這個(gè)問(wèn)題你的新博客就實(shí)現(xiàn)分頁(yè)功能了下一步是樣式的相關(guān)調(diào)整,留到下一篇繼續(xù)講 原文地址:https://ssshooter.com/2018-12... 使用 Gatsby.js 搭建靜態(tài)博客 1 關(guān)鍵文件 0 && ( ← 上一頁(yè) ...

    william 評(píng)論0 收藏0
  • 使用 Gatsby.js 搭建靜態(tài)博客 4 標(biāo)簽系統(tǒng)

    摘要:原文鏈接回顧使用搭建靜態(tài)博客樣式調(diào)整官方自帶標(biāo)簽系統(tǒng)教程,英語(yǔ)過(guò)關(guān)可以直接閱讀官方教程。制作頁(yè)面展示所有標(biāo)簽重點(diǎn)同樣是查詢部分是標(biāo)簽名,是包含該標(biāo)簽的文章總數(shù)。在之前寫好的文章頁(yè)渲染標(biāo)簽就是查詢的時(shí)候多一個(gè)標(biāo)簽字段,然后渲染上,完事。 原文鏈接:https://ssshooter.com/2018-12... 回顧:使用 Gatsby.js 搭建靜態(tài)博客 3 樣式調(diào)整 官方自帶標(biāo)簽系統(tǒng)...

    AndroidTraveler 評(píng)論0 收藏0
  • 使用 Gatsby.js 搭建靜態(tài)博客 5 博客上線

    摘要:原文鏈接這真的是最簡(jiǎn)單的一步啦使用你的網(wǎng)站是一個(gè)可以幫助你自動(dòng)部署網(wǎng)站的平臺(tái)。詳細(xì)設(shè)置可以在查看,可以進(jìn)行構(gòu)建環(huán)境變量等相關(guān)配置。 原文鏈接:https://ssshooter.com/2018-12... 這真的是最簡(jiǎn)單的一步啦~ 使用 netlify deploy 你的網(wǎng)站 netlify 是一個(gè)可以幫助你自動(dòng)部署網(wǎng)站的平臺(tái)。你可以選擇自己買服務(wù)器,運(yùn)行 build 然后推送到自己...

    KnewOne 評(píng)論0 收藏0
  • 使用 Gatsby.js 搭建靜態(tài)博客 1 關(guān)鍵文件

    摘要:原文地址靜態(tài)博客之前也有搭建過(guò),不過(guò)使用一鍵生成的,其實(shí)當(dāng)時(shí)也有考慮過(guò),不過(guò)這個(gè)框架搭建博客入門還是比較難的,前置知識(shí)點(diǎn)包括和。使用建立項(xiàng)目已經(jīng)自帶了不少插件,但在我的搭建過(guò)程中仍然有一些需要自己添加的。 原文地址:https://ssshooter.com/2018-12... 靜態(tài)博客之前也有搭建過(guò),不過(guò)使用 Hexo 一鍵生成的,其實(shí)當(dāng)時(shí)也有考慮過(guò) Gatsby,不過(guò)這個(gè)框架搭...

    mzlogin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<