安裝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)問題,原因不詳
博客初始化
- 安裝hexo
npm i -g hexo
新建存放項(xiàng)目的文件夾
hexo初始化
hexo init
- 查看是否安裝成功
hexo -v
-
初始化成功之后蝇闭,會看到一系列文件夾
- node_modules:是依賴包
- public:存放的是生成的頁面
- scaffolds:命令生成文章等的模板
- source:用命令創(chuàng)建的各種文章
- themes:主題
- _config.yml:整個博客的配置
- db.json:source解析所得到的
- package.json:項(xiàng)目所需模塊項(xiàng)目的配置信息
-
將博客綁定到github(非必須)
此處非必須呻率,如果不想綁定github,請往下拉呻引,會有綁定coding的方式
-
登錄github礼仗,創(chuàng)建倉庫
-
登錄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
點(diǎn)擊右上角的new ssh key 將id_rsa.pub文件里面的內(nèi)容全部粘貼進(jìn)去童谒,不用管格式內(nèi)容啥的单旁,直接全部粘貼
-
配置自定義域名解析(非必須)
- 購買域名,無需備案(百度抓取你的個人博客文章鏈接饥伊,最好還是備案一下象浑,有優(yōu)先權(quán)蔫饰,也容易被錄取,否則愉豺,錄取過程會很慢很慢篓吁。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索蚪拦,搜索不到你杖剪。谷歌錄取很快。_原諒我不會表述)
- 相關(guān)工具外盯,百度搜索摘盆,百度站長,谷歌搜索饱苟,谷歌站長
- 需要在博客項(xiàng)目的source文件夾下創(chuàng)建一個CNAME的文件(無后綴)
- 然后到域名配置DNS處孩擂,添加一條記錄類型為CNAME,指向到“用戶名.github.io” 箱熬,該路徑是github靜態(tài)網(wǎng)站部署后的默認(rèn)訪問路徑类垦,也是為什么倉庫名稱必須是用戶名的原因
-
將博客綁定到coding
- 注冊企業(yè)版coding,企業(yè)版城须,企業(yè)版蚤认,企業(yè)版,重要的事情說三遍
-
創(chuàng)建項(xiàng)目
- 登錄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è)置
添加公鑰陪汽,將id_rsa.pub文件里面的內(nèi)容全部粘貼進(jìn)去,不用管格式內(nèi)容啥的褥蚯,直接全部粘貼
- 配置自定義域名解析(非必須)
- 購買域名挚冤,無需備案(百度抓取你的個人博客文章鏈接,最好還是備案一下赞庶,有優(yōu)先權(quán)训挡,也容易被錄取,否則歧强,錄取過程會很慢很慢澜薄。沒錄取就只能通過鏈接才能訪問到你,直接百度搜索摊册,搜索不到你表悬。谷歌錄取很快丧靡。_原諒我不會表述)
-
相關(guān)工具蟆沫,百度搜索籽暇,百度站長,谷歌搜索饭庞,谷歌站長
選擇剛才新建的項(xiàng)目
新建完成戒悠,返回上一步,選擇設(shè)置
設(shè)置后的頁面舟山,按照提示绸狐,進(jìn)行域名配置
然后到域名配置DNS處,添加一條記錄類型為CNAME累盗,指向到“coding默認(rèn)給的路徑”
我的記錄集寒矿,沒有g(shù)ithub的配置,我給刪除了
-
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
- next下載
- 進(jìn)入博客項(xiàng)目根目錄泰讽,打開git bash
- git clone https://github.com/theme-next/hexo-theme-next themes/next
- 配置
- 普通配置:主題下載好之后只需要修改_config.xml
- 修改主題
- 進(jìn)入根目錄下的_config.xml例衍,搜索theme,將值更改為next(下載的主題的文件夾名稱)
- 其他
- 具體的配置已卸,大家自行查看https://blog.csdn.net/nightmare_dimple/article/details/86661502佛玄,這里就不重復(fù)寫了
- 注意
- 那里花里胡哨的,本人不推薦使用咬最。頁面寵物,音樂插件欠动,隨機(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文章格式,圖片展示
-
md文章格式楼誓,效果演示
_config.xml配置
我在這里貼出我的兩個_config.xml文件玉锌,但是別直接復(fù)制,粘貼疟羹,只供參考主守,有一些關(guān)于appid和key的私密性東西,我就隨便改了一下
例如:Valine評論
主題配置文件的_config.xml
根目錄配置文件的_config.xml
演示地址
關(guān)于我
詳情查看 關(guān)于