效果
- 博客的地址：我的博客
-
PC端的效果
PC端的效果 -
手機(jī)端效果
手機(jī)端效果一
手機(jī)端效果二
- 最近抽空終于搭建完成睬魂，網(wǎng)上的資料很多统扳，這篇文章只記錄下遇到的問(wèn)題，如果你想搭建一個(gè)博客我抠！可能對(duì)你有些幫助喜命。
Hexo+GitHub
- 現(xiàn)在網(wǎng)絡(luò)上很多袒餐，有好多的文章寫(xiě)得很好疾渣，在這里推薦兩篇文章汛骂！只要按照這步驟來(lái)，基本上都可以完成!沒(méi)有什么技術(shù)的難度墓塌，就是體力活???
域名
- 域名我是在阿里云上買(mǎi)的 阿里云
-
輸入你想要買(mǎi)的域名地址瘟忱，如圖所示!選擇一個(gè)您覺(jué)得合適的域名，加入到清單苫幢，然后購(gòu)買(mǎi)就可以了
域名 - 這個(gè)是阿里云的代金券访诱！阿里云代金券
-
購(gòu)買(mǎi)成功了，進(jìn)入域名控制臺(tái)
控制臺(tái) -
點(diǎn)擊解析設(shè)置韩肝，然后添加記錄触菜，就會(huì)出現(xiàn)下面的窗口
設(shè)置 -
設(shè)置值，結(jié)果如下
設(shè)置結(jié)果- 這個(gè)記錄值是什么哀峻？如圖所示涡相，其實(shí)就是 ：
https://shimingli.github.io/的ip值，當(dāng)然你需要設(shè)置成你的
image.png
- 這個(gè)記錄值是什么哀峻？如圖所示涡相，其實(shí)就是 ：
- 設(shè)置完成了剩蟀，還有關(guān)鍵的一步催蝗，就是實(shí)名認(rèn)證，認(rèn)證通過(guò)了育特，域名才可以使用丙号。
GitHub Pages的設(shè)置
- 進(jìn)入到
name.github.io的工程目錄下，然后進(jìn)入到Settings,最后定位到Github Pages的選項(xiàng),輸入你自己購(gòu)買(mǎi)的域名缰冤，我這域名 7塊一年犬缨，物超所值！
settings
主題選擇
- 有哪些好看的Hexo主題
- 個(gè)人看了幾個(gè)棉浸，我還是比較喜歡這個(gè) Yelee怀薛。感覺(jué)比較悶騷
-
clone到本地
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
-
使用的步驟建議參考 官方的文檔，非常的詳細(xì) Yelee 主題使用說(shuō)明 [簡(jiǎn)中]
目錄結(jié)構(gòu)-
public:pull到Github -
themes：博客的主題` -
soure：就是文章存放的地方
-
然后把
clone的yelee放到themes目錄下
image.png
- 在博客的根目錄下設(shè)置
theme: Yelee
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: Yelee
設(shè)置
Hexo 幾個(gè)常用的命令
hexo generate (hexo g) 生成靜態(tài)文件迷郑，會(huì)在當(dāng)前目錄下生成一個(gè)新的叫做public的文件夾
hexo server (hexo s) 啟動(dòng)本地web服務(wù)枝恋，用于博客的預(yù)覽
hexo deploy (hexo d) 部署博客到遠(yuǎn)端服務(wù)器
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁(yè)面
- 簡(jiǎn)寫(xiě)：
$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy
- 如果一切配置ok的話(huà)，打開(kāi)http://localhost:4000/ 就可以看到剛才搭建的本地博客了嗡害，Hexo會(huì)默認(rèn)生成一個(gè)Hello World的博文焚碌。
遇到的問(wèn)題
-
Hexo中的Yelee主題，首頁(yè)不顯示文章,需要把themes中的文件_config.yml的search中的on: true的注釋去掉就漾，同時(shí)必須注釋掉onload呐能，同時(shí)需要去安裝插件!,然后就可以檢索了。
# Local Site Search | 本地站內(nèi)搜索
## Insatall below plugin to take effect | 使用搜索需先安裝對(duì)應(yīng)插件
## https://github.com/PaicHyperionDev/hexo-generator-search
search:
on: true
#onload: false （Hexo中的Yelee主題，首頁(yè)不顯示文章）
## true: get search.xml file when the page has loaded
## false: get the file when search box gets focus
- 文章的多
tags,需要用[]摆出，其中用逗號(hào)分隔
---
title: Go語(yǔ)言實(shí)現(xiàn)的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
-
md朗徊，文件對(duì)空格敏感，如圖所示偎漫，
image.png- 通過(guò)命令
hexo g命令的時(shí)候爷恳，會(huì)報(bào)如下的錯(cuò)誤
error
- 通過(guò)命令
- 關(guān)于文章的摘要，需要使用到 <!—- more --> ,具體使用的方式如下
---
title: Go語(yǔ)言實(shí)現(xiàn)的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
* 最終的效果如下
<!-- more -->
再來(lái)一個(gè)好玩的象踊，如何統(tǒng)計(jì)網(wǎng)頁(yè)的訪問(wèn)量温亲？如下圖所示，請(qǐng)忽略我的可憐的訪問(wèn)量杯矩？
訪問(wèn)量
image.png
- 在
yelee主題下的_config.yml文件中栈虚，有個(gè)百度統(tǒng)計(jì)
# 百度統(tǒng)計(jì)
# 百度統(tǒng)計(jì) http://sitecenter.baidu.com/sc-web/
# 查看代碼，填入 //#/hm.js? 之后的內(nèi)容
baidu_tongji:
- 登錄注冊(cè)后填寫(xiě)網(wǎng)站,然后獲取代碼
百度統(tǒng)計(jì).png
獲取代碼的詳情
- 這是我的獲取代碼的詳情
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?1add6c64d9c467153aaed18d249d81c4";
var s = document.getElementsByTagName("script")[0];
-
把這一串東西
1add6c64d9c467153aaed18d249d81c4放到百度統(tǒng)計(jì)一欄史隆，即可魂务。
百度統(tǒng)計(jì) 然后
hexo ghexo shexo d,然后push到GitHub.他會(huì)自動(dòng)的檢測(cè)代碼。
