效果
- 博客的地址：我的博客
-
PC端的效果
PC端的效果 -
手機(jī)端效果
手機(jī)端效果一
手機(jī)端效果二
- 最近抽空終于搭建完成，網(wǎng)上的資料很多，這篇文章只記錄下遇到的問題，如果你想搭建一個(gè)博客！可能對(duì)你有些幫助。
Hexo+GitHub
- 現(xiàn)在網(wǎng)絡(luò)上很多，有好多的文章寫得很好，在這里推薦兩篇文章！只要按照這步驟來，基本上都可以完成!沒有什么技術(shù)的難度，就是體力活???
域名
- 域名我是在阿里云上買的 阿里云
-
輸入你想要買的域名地址，如圖所示!選擇一個(gè)您覺得合適的域名，加入到清單，然后購買就可以了
域名 - 這個(gè)是阿里云的代金券！阿里云代金券
-
購買成功了，進(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)證通過了，域名才可以使用。
GitHub Pages的設(shè)置
- 進(jìn)入到
name.github.io的工程目錄下，然后進(jìn)入到Settings,最后定位到Github Pages的選項(xiàng),輸入你自己購買的域名，我這域名 7塊一年，物超所值！
settings
主題選擇
- 有哪些好看的Hexo主題
- 個(gè)人看了幾個(gè)，我還是比較喜歡這個(gè) Yelee。感覺比較悶騷
-
clone到本地
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
-
使用的步驟建議參考 官方的文檔，非常的詳細(xì) Yelee 主題使用說明 [簡(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" #新建頁面
- 簡(jiǎn)寫：
$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy
- 如果一切配置ok的話，打開http://localhost:4000/ 就可以看到剛才搭建的本地博客了，Hexo會(huì)默認(rèn)生成一個(gè)Hello World的博文。
遇到的問題
-
Hexo中的Yelee主題，首頁不顯示文章,需要把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主題，首頁不顯示文章）
## true: get search.xml file when the page has loaded
## false: get the file when search box gets focus
- 文章的多
tags,需要用[]，其中用逗號(hào)分隔
---
title: Go語言實(shí)現(xiàn)的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
-
md，文件對(duì)空格敏感，如圖所示，
image.png- 通過命令
hexo g命令的時(shí)候，會(huì)報(bào)如下的錯(cuò)誤
error
- 通過命令
- 關(guān)于文章的摘要，需要使用到 <!—- more --> ,具體使用的方式如下
---
title: Go語言實(shí)現(xiàn)的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
* 最終的效果如下
<!-- more -->
再來一個(gè)好玩的，如何統(tǒng)計(jì)網(wǎng)頁的訪問量？如下圖所示，請(qǐng)忽略我的可憐的訪問量？
訪問量
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è)后填寫網(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è)代碼。
