添加分類捧颅、標(biāo)簽套啤、關(guān)于等頁面
- 以添加分類頁面為例：
在站點目錄下蚯舱，打開Git Bash Here英支，輸入
hexo new page "categories"
之后在站點目錄下的source文件夾下佩憾，會新增一個categories的文件夾，里面有一個index.md文件干花，打開如下
title: categories
date: 2015-12-04 15:37:22
type: "categories"
comments: false
------------------------------
其中妄帘，comments可以設(shè)置為false，含義是打開分類頁面池凄，評論插件不顯示抡驼；如要顯示則改為true。
tags, about頁面的創(chuàng)建類似修赞，分別輸入
hexo new page "tags"
hexo new page "about"
設(shè)置頭像
編輯站點配置文件婶恼，添加如下內(nèi)容
avatar: url
其中，url可以是
(1) 完整的互聯(lián)網(wǎng)URL柏副，你可以先將設(shè)置的頭像圖片放到網(wǎng)上勾邦；
(2) 本地地址：如/upload/image/avatar.png (你需要將avatar.png文件放在/站點目錄/source/upload/image/里面)。
上傳本地圖片
- 打開博客根目錄下的配置文件_config.yml割择，找到post_asset_folder參數(shù)眷篇，設(shè)置為true，之后在每次使用命令
$ hexo new "pages"新建文件時荔泳，Hexo會自動建立一個與文章同名的文件夾蕉饼，把與該文章相關(guān)的所有資源都放到那個文件夾，就可以方便的使用資源玛歌。 - 在hexo的目錄下執(zhí)行
npm install https://github.com/CodeFalling/hexo-asset-image --save（需要等待一段時間）昧港。 - 完成安裝后用hexo新建文章的時候會發(fā)現(xiàn)_posts目錄下面會多出一個和文章名字一樣的文件夾。圖片就可以放在文件夾下面支子。
- 把圖片放在與pages.md文件同名的文件夾pages下创肥，引用圖片時使用格式
[圖片上傳失敗...(image-5afd9e-1544432268838)]，就可以顯示圖片了。
添加社交鏈接
- 編輯站點配置文件叹侄，添加
social:
github: https://github.com/
twitter: https://twitter.com/
weibo: http://weibo.com/
zhihu: http://www.zhihu.com/
......
可根據(jù)自身需要自行刪減巩搏。
添加友情鏈接
- 以添加github官網(wǎng)(
https://www.github.com)為友情鏈接為例
編輯站點配置文件，添加如下內(nèi)容
links_title: 友情鏈接
links:
Github: https://www.github.com
其中趾代，links_title為友情鏈接的名稱贯底。
綁定自己的域名
- 域名解析
- 打開cmd，ing之前github_username.github.io撒强，得到IP地址禽捆。
[圖片上傳失敗...(image-dd8be9-1544432268838)]
- 登錄騰訊云，控制臺->云解析->解析->新手快速添加尿褪，添加記錄：
[圖片上傳失敗...(image-617081-1544432268838)]
- Github操作
打開創(chuàng)建的github_user.github.io的倉庫睦擂，選擇setting -> GitHub Pages -> Custom domain -> 輸入自己的域名 -> save：
[圖片上傳失敗...(image-b02b1a-1544432268838)]
到現(xiàn)在，打開瀏覽器地址欄輸入http://yangyuanlin.club已經(jīng)可以訪問到了杖玲，但是瀏覽器提示是不安全的訪問顿仇，如何通過HTTPS訪問自定義域名呢？
- 通過HTTPS訪問自定義域名
HTTP與HTTPS
HTTP是明文傳輸協(xié)議摆马，傳輸內(nèi)容容易被嗅探和篡改臼闻。
而HTTPS，即HTTP over SSL/TLS,是添加了一層SSL(Secure Sockets Layer囤采，安全套接層)述呐，或者是TLS(Transport Layer Security,傳輸層安全協(xié)議)，所以HTTPS就可以視為HTTP和SSL/TLS協(xié)議的組合蕉毯。
HTTPS能做到良好的保密性(防嗅探)乓搬，真實性(防篡改)，完整性(防域名劫持和域名欺騙)代虾。
SSL證書
SSL是TLS的前身进肯，但TLS通常也被標(biāo)志為SSL。
SSL/TLS協(xié)議的基本思路是采用公鑰加密法棉磨，也就是說江掩，客戶端先向服務(wù)器端索要公鑰，然后用公鑰加密信息(會話秘鑰)乘瓤，服務(wù)器收到密文后环形，用自己的私鑰解密。
這個公鑰就放在數(shù)字證書中衙傀。只要證書是可信的抬吟，公鑰就是可信的。
申請SSL證書
SSL證書由你的NS(Name Server统抬，域名服務(wù)商)頒發(fā)拗军，由于騰訊云的SSL證書超級貴任洞，所以我們可以遷移到免費提供SSL的NS處，比如國內(nèi)的DNSpod(國內(nèi)都需要備案),還有國外的Netlify和Cloudflare发侵，從速度和操作性考慮，本人選擇了Cloudflare妆偏。
- 到Cloudflare官網(wǎng)注冊刃鳄；
- 根據(jù)指引點擊Add Site，添加自定義域名
www.yangyuanlin.club钱骂，會自動開始掃描DNS解析記錄叔锐； - 掃描完成后，Cloudflare會選擇給我們分配兩個NS地址见秽，將這兩個地址替換騰訊云上的原NS地址愉烙，等待生效； e721ccd1d0e34d95515e1157e726508e
[圖片上傳失敗...(image-ff2dce-1544432268838)]
- 在Cloudflare上檢查自己網(wǎng)站的狀態(tài)解取，顯示為
Active時表示NS更改成功步责；
[圖片上傳失敗...(image-3b6da-1544432268838)]
- 在Cloudflare將自己網(wǎng)站的SSL狀態(tài)改變?yōu)?code>Full狀態(tài)，等待Status變?yōu)?code>Active Certificate禀苦，通常生效需要十幾分鐘蔓肯。
- 再訪問自定義域名時，就可以看見是
https傳輸振乏，網(wǎng)址前也有一把綠色小鎖,可以看到這個證書其實是Cloudflare的證書蔗包。
[圖片上傳失敗...(image-c76c8e-1544432268838)]
[圖片上傳失敗...(image-3f668-1544432268838)]
圖床工具（還沒用）
圖床就是一個在網(wǎng)絡(luò)上存儲圖片的地方，目的是為了節(jié)省本地服務(wù)器空間慧邮，加快圖片打開速度调限。個人用戶一般不會使用，主要是個人博客和小網(wǎng)站使用误澳。
- 七牛云
另外耻矮，這里也有很多：
http://www.reibang.com/p/718173c339ee
添加百度SEO
- 百度搜索
site:www.yangyuanlin.club-> 提交網(wǎng)址，填寫ywww.yangyuanlin.club-> 提交脓匿。 - 在<a target="_blank">百度搜索資源平臺</a>中對網(wǎng)站進行驗證淘钟，文件驗證搞不了（html文件總是被重新編譯），html標(biāo)簽驗證不會陪毡，CNAME驗證還沒搞完米母。
- 安裝地圖生成插件，生成網(wǎng)站地圖毡琉，Git Bush中執(zhí)行：
npm install hexo-generator-sitemap --save # sitemap.xml適合提交給谷歌搜素引擎
npm install hexo-generator-baidu-sitemap --save # baidusitemap.xml適合提交百度搜索引擎
然后在站點配置文件_config.yml中添加以下代碼（我沒加就生成了sitemap）
# 自動生成sitemap
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
最后修改站點配置文件_config.yml
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://yangyuanlin.club
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
以后每次hexo g后都會在/public目錄下生成sitemap.xml和baidusitemap.xml铁瞒，這就是你的站點地圖。
- 首頁標(biāo)題優(yōu)化
SEO最重要的是你的標(biāo)題桅滋，一般搜索都是搜索你的標(biāo)題慧耍。
更改index.swig文件(HEXO_Blog\themes\next\layout);
評論系統(tǒng)valine
- Valine一款快速身辨、簡潔且高效的無后端評論系統(tǒng)。
特性
- 快速
- 安全
- Emoji ??
- 無后端實現(xiàn)
- MarkDown 全語法支持
- 輕量易用(~15kb gzipped)
-
文章閱讀量統(tǒng)計
v1.2.0+
開始搭建
評論內(nèi)容需要保存到LeanCloud芍碧，注冊賬號并創(chuàng)建應(yīng)用煌珊，注冊官網(wǎng)。
應(yīng)用創(chuàng)建好以后泌豆，進入剛剛創(chuàng)建的應(yīng)用定庵，選擇左下角的
設(shè)置>應(yīng)用Key，然后就能看到你的APP ID和APP Key了：配置next主題
修改主題目錄下的主題配置文件中的enable踪危、APP_ID和APP_KEY的值為上面剛剛獲取到的值即可(其他可以默認)蔬浙。
# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
enable: true
appid: # your leancloud application appid
appkey: # your leancloud application appkey
notify: false # mail notifier , https://github.com/xCss/Valine/wiki
verify: false # Verification code
placeholder: ヾ?≧?≦)o來啊，快活啊! # comment box placeholder
avatar: mm # gravatar style
guest_info: nick,mail,link # custom comment header
pageSize: 10 # pagination size
未完待續(xù)......
