hexo+next詳細(xì)搭建

安裝node

  • node下載地址:http://nodejs.cn/download/
  • 具體安裝方法帮辟,這里不做詳寫
  • 安裝完成可以通過node -v 查看安裝是否生效和node的版本
  • 我這里使用的是v10.15.0版本

github和coding

  • 這里對于git的使用叛溢,不會詳寫元镀,具體請自行百度
  • github和coding都是git代碼管理工具霜幼,擁有g(shù)ithub pages 服務(wù),可以設(shè)置靜態(tài)服務(wù)頁面
  • github的服務(wù)器是在國外题翻,如果用github部署個人博客褐鸥,訪問的響應(yīng)速度會比較慢
  • coding是騰訊云的代碼管理工具,本人使用的是這個來部署的(必須企業(yè)版coding——團(tuán)隊(duì)人數(shù)在5人以下是免費(fèi)的那婉。選擇個人版额各,在搭建https時(shí),https證書可能會有一定的問題)
  • 先暫時(shí)不用做雙線部署(國內(nèi)訪問coding服務(wù)吧恃,國外訪問github服務(wù)),如果做成了雙線部署麻诀,百度站長的https認(rèn)證痕寓,可能會出現(xiàn)問題,原因不詳

博客初始化

  1. 安裝hexo
npm i -g hexo
  1. 新建存放項(xiàng)目的文件夾

  2. hexo初始化

hexo init
  1. 查看是否安裝成功
hexo -v
  1. 初始化成功之后蝇闭,會看到一系列文件夾

    • node_modules:是依賴包
    • public:存放的是生成的頁面
    • scaffolds:命令生成文章等的模板
    • source:用命令創(chuàng)建的各種文章
    • themes:主題
    • _config.yml:整個博客的配置
    • db.json:source解析所得到的
    • package.json:項(xiàng)目所需模塊項(xiàng)目的配置信息
  2. 將博客綁定到github(非必須)

    • 此處非必須呻率,如果不想綁定github,請往下拉呻引,會有綁定coding的方式

    • 登錄github礼仗,創(chuàng)建倉庫


      image

      image
    • 登錄git bash綁定郵箱和用戶名

      git config --global user.name "你的用戶名"
      git config --global user.email "你的郵箱地址" 
      
    • 創(chuàng)建ssh
      輸入ssh-keygen -t rsa -C "你的郵箱地址",找到此目錄逻悠,C:\Users\你的用戶名.ssh
      打開該文件夾下的id_rsa.pub文件元践,獲取內(nèi)容,copy

    • github setting配置ssh

      點(diǎn)擊右上角的setting


      image

      點(diǎn)擊右上角的new ssh key 將id_rsa.pub文件里面的內(nèi)容全部粘貼進(jìn)去童谒,不用管格式內(nèi)容啥的单旁,直接全部粘貼


      image
    • 配置自定義域名解析(非必須)

      • 購買域名,無需備案(百度抓取你的個人博客文章鏈接饥伊,最好還是備案一下象浑,有優(yōu)先權(quán)蔫饰,也容易被錄取,否則愉豺,錄取過程會很慢很慢篓吁。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索蚪拦,搜索不到你杖剪。谷歌錄取很快。_原諒我不會表述)
      • 相關(guān)工具外盯,百度搜索摘盆,百度站長,谷歌搜索饱苟,谷歌站長
      • 需要在博客項(xiàng)目的source文件夾下創(chuàng)建一個CNAME的文件(無后綴)
      • 然后到域名配置DNS處孩擂,添加一條記錄類型為CNAME,指向到“用戶名.github.io” 箱熬,該路徑是github靜態(tài)網(wǎng)站部署后的默認(rèn)訪問路徑类垦,也是為什么倉庫名稱必須是用戶名的原因
  3. 將博客綁定到coding

    • 注冊企業(yè)版coding,企業(yè)版城须,企業(yè)版蚤认,企業(yè)版,重要的事情說三遍
    • 創(chuàng)建項(xiàng)目


      image

      image
    • 登錄git bash綁定郵箱和用戶名
      git config --global user.name "你的用戶名"
      git config --global user.email "你的郵箱地址" 
      
    • 創(chuàng)建ssh
      輸入ssh-keygen -t rsa -C "你的郵箱地址"糕伐,找到此目錄砰琢,C:\Users\你的用戶名.ssh
      打開該文件夾下的id_rsa.pub文件,獲取內(nèi)容良瞧,copy
    • coding 設(shè)置添加ssh
      點(diǎn)擊個人設(shè)置


      image

      添加公鑰陪汽,將id_rsa.pub文件里面的內(nèi)容全部粘貼進(jìn)去,不用管格式內(nèi)容啥的褥蚯,直接全部粘貼


      image
    • 配置自定義域名解析(非必須)
      • 購買域名挚冤,無需備案(百度抓取你的個人博客文章鏈接,最好還是備案一下赞庶,有優(yōu)先權(quán)训挡,也容易被錄取,否則歧强,錄取過程會很慢很慢澜薄。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索摊册,搜索不到你表悬。谷歌錄取很快丧靡。_原諒我不會表述)
      • 相關(guān)工具蟆沫,百度搜索籽暇,百度站長,谷歌搜索饭庞,谷歌站長


        image

        選擇剛才新建的項(xiàng)目


        image

        新建完成戒悠,返回上一步,選擇設(shè)置
        image

        設(shè)置后的頁面舟山,按照提示绸狐,進(jìn)行域名配置


        image

        然后到域名配置DNS處,添加一條記錄類型為CNAME累盗,指向到“coding默認(rèn)給的路徑”
        我的記錄集寒矿,沒有g(shù)ithub的配置,我給刪除了
        image
  4. hexo配置和本地啟動

    • 打開hexo init 文件中的_config.xml文件
    • 搜索deploy找到內(nèi)容若债,修改
deploy:
  type: git
  repo:
      #github: git@github.com:你的用戶名/你的用戶名.github.io.git,master
      coding: git@e.coding.net:你的用戶名/你的用戶名.git,master
- 此處我的github是注釋的符相,因?yàn)槲覜]用該git管理工具
- 可以找到剛才創(chuàng)建的項(xiàng)目,復(fù)制鏈接蠢琳,后面拼接,master或者其他分支
    - github路徑
    ![image](https://upload-images.jianshu.io/upload_images/13081166-4988f25ca25846af.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    - coding路徑
    ![image](https://upload-images.jianshu.io/upload_images/13081166-104edcbff38a883c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- 本地運(yùn)行啊终,啟動成功后,默認(rèn)訪問路徑:localhost:4000
hexo clean
hexo -g
hexo -s
- 上傳到服務(wù)端運(yùn)行
hexo clean
hexo -g
hexo -d
    - github訪問路徑:用戶名.github.io
    - coding訪問路徑:創(chuàng)建項(xiàng)目成功之后傲须,會給一個路徑蓝牲,用此路徑訪問
    - 如果配置域名,可以直接用域名訪問

主題配置-next

  1. next下載
  2. 配置
    • 普通配置:主題下載好之后只需要修改_config.xml
  3. 修改主題
    • 進(jìn)入根目錄下的_config.xml例衍,搜索theme,將值更改為next(下載的主題的文件夾名稱)
  4. 其他
  5. 注意
    • 那里花里胡哨的,本人不推薦使用咬最。頁面寵物,音樂插件欠动,隨機(jī)背景圖片等等都是沒必要的東西永乌,會造成資源浪費(fèi),會很慢

寫文章

  • 博客建立好之后具伍,就該進(jìn)入重點(diǎn)了
  • 根目錄-》source-》_posts 在此文件夾下寫文章
  • 文章格式為md格式翅雏,不熟悉md格式的,可以查看https://www.runoob.com/markdown/md-tutorial.html
  • 寫好md文章之后人芽,在md文章頭部插入
id: design001             【/訪問路徑望几,不設(shè)置默認(rèn)路徑是文件夾名稱】
title: 標(biāo)題
date: 2019-12-04 00:00:00    【 時(shí)間,歸檔會用到】
categories: 
  - 標(biāo)簽1
tags:
- 標(biāo)簽1
- 標(biāo)簽2
toc: true                     【是否開啟目錄】
top: 20                      【排序萤厅,從大到小排序】
  • 推薦手動截取文章內(nèi)容橄抹,在首頁顯示靴迫。在想要截取的地方添加

    <!--more -->
    
  • md文章格式,圖片展示


    image
  • md文章格式楼誓,效果演示


    image

_config.xml配置

我在這里貼出我的兩個_config.xml文件玉锌,但是別直接復(fù)制,粘貼疟羹,只供參考主守,有一些關(guān)于appid和key的私密性東西,我就隨便改了一下
例如:Valine評論

主題配置文件的_config.xml

點(diǎn)擊我

根目錄配置文件的_config.xml

點(diǎn)擊我

演示地址

https://www.yangxj.top

關(guān)于我

詳情查看 關(guān)于

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末榄融,一起剝皮案震驚了整個濱河市参淫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌愧杯,老刑警劉巖涎才,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異民效,居然都是意外死亡憔维,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門畏邢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來业扒,“玉大人,你說我怎么就攤上這事舒萎〕檀ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵臂寝,是天一觀的道長章鲤。 經(jīng)常有香客問我,道長咆贬,這世上最難降的妖魔是什么败徊? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮掏缎,結(jié)果婚禮上皱蹦,老公的妹妹穿的比我還像新娘。我一直安慰自己眷蜈,他們只是感情好沪哺,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酌儒,像睡著了一般辜妓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天籍滴,我揣著相機(jī)與錄音酪夷,去河邊找鬼。 笑死异逐,一個胖子當(dāng)著我的面吹牛捶索,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播灰瞻,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼腥例,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了酝润?” 一聲冷哼從身側(cè)響起燎竖,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎要销,沒想到半個月后构回,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡疏咐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年纤掸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浑塞。...
    茶點(diǎn)故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡借跪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出酌壕,到底是詐尸還是另有隱情掏愁,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布卵牍,位于F島的核電站果港,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏糊昙。R本人自食惡果不足惜辛掠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望释牺。 院中可真熱鬧萝衩,春花似錦、人聲如沸船侧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽镜撩。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間袁梗,已是汗流浹背宜鸯。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留遮怜,地道東北人淋袖。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像锯梁,于是被迫代替她去往敵國和親即碗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容