背景
搭建自己的hexo博客
解決
1.草稿相當于很多博客都有的“私密文章”功能。
- 會在source/_drafts目錄下生成一個new-draft.md文件。但是這個文件不被顯示在頁面上，鏈接也訪問不到。也就是說如果你想把某一篇文章移除顯示，又不舍得刪除，可以把它移動到_drafts目錄之中。
$ hexo new draft "new draft"
如果你希望強行預覽草稿，更改配置文件：
render_drafts: true - 或者，如下方式啟動server：
$ hexo server --drafts - 下面這條命令可以把草稿變成文章，或者頁面：
$ hexo publish [layout] <filename>
2.文章顯示局部的更多不現實全文。
- md文件加入
3.新建md文章時候會有默認的模板。修改默認的模板
- 其中layout是可選參數，默認值為post。有哪些layout呢，請到scaffolds目錄下查看，這些文件名稱就是layout名稱。當然你可以添加自己的layout，方法就是添加一個文件即可，同時你也可以編輯現有的layout，比如post的layout默認是hexo\scaffolds\post.md
title: { { title } }
date: { { date } }
tags:
修改為：
title: json520博客001 #文章標題
date: 2015-02-05 12:47:44 #文章生成時間
categories: 必須寫 #文章分類目錄 可以省略
tags: 必須寫 #文章標簽 可以省略
description: 問題描述必須寫 #你對本頁的描述 可以省略
這樣每次新建都不用手動添加屬性了
4. 設置404頁面
- 選用騰訊
GitHub Pages 自定義404頁面非常容易，直接在根目錄下創建自己的404.html就可以。但是自定義404頁面僅對綁定頂級域名的項目才起作用，GitHub默認分配的二級域名是不起作用的，使用hexo server在本機調試也是不起作用的
5.常用命令
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server）
hexo deploy #將.deploy目錄部署到GitHub
6. 常用復合命令：
hexo deploy -g
hexo server -g
7. 簡寫：
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
8. 搜索引擎
- 你可以到屈站長提交你的站點給搜索引擎。其他內容如添加站點或頁面的description，提交Sitemap，添加百度統計，Google Analytics等等，參考本文其他章節的內容，不再一一闡述。
9. 設置網站ico
- 去比特蟲只做icon圖標
- 把圖片放到hexo/source/img文件夾下面，在其它地方用/img/圖片名引用就可
- 找到hexo\themes\modernist\layout_partial\head.ejs，設置為
<% if (theme.favicon){ %>
<link rel="icon" href="/img/favicon.ico">
<% } %>
10. 添加百度統計
你問我為啥不用CNZZ！因為！愛情！放心！不是對百度的愛！是對陳奕迅的愛！
- 進入主題對應的主題文件夾的配置文件下hexo\themes\yilia_config.yml，增加配置選項：
baidu_tongji: true //會檢測到對應的js文件，true就使用
- 去百度統計注冊登錄獲得代碼。不會的你就洗洗睡吧！出教程很累的！還沒報酬！
- 新建文件hexo\themes\yilia\layout_partial\baidu_tongji.ejs!為啥是.ejs文件結尾不是.js！我也不知道！里面都他媽是ejs！等我搞懂了就來解答！
里面內容為：
<% if (theme.baidu_tongji){ %>
<script type="text/javascript">
#你的百度統計代碼
</script>
<% } %>
- 編輯文件hexo\themes\modernist\layout_partial\head.ejs，在『/head』之前增加
<%- partial('baidu_tongji') %>
重新生成部署你的站點吧！不出意外就能在百度統計后臺看到統計數量。剛布置好會有延遲！我是剛開始測試了代碼設置成功但看不到統計，所以就去研究別的功能！過了半個小時去看！就有了！
不出意外的花，你在的站點的每個頁面的左上角都會看到一個惡心的百度LOGO。你只能在『百度統計首頁->網站列表->獲取代碼->系統管理設置->統計圖標設置->顯示圖標』，把那個勾去掉。建議你去掉！
11.設置首頁點擊所有文章右滑動出現文章目錄
- 請確保node版本大于6.2，輸入
node -v查看版本號，不符合的自己百度修改！ - 在博客根目錄（注意不是yilia根目錄）執行以下命令：
npm i hexo-generator-json-content --save
- 在根目錄_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
按我的流程不實現我直播吃翔！有些功能你提交到github和本地看得不一樣是瀏覽器緩存的問題！清楚瀏覽器的緩存或者用瀏覽器的隱身模式打開！不會的度娘！
12. 首頁標題出現亂碼的問題
困擾我很久！在根目錄設置了
language: zh-CN
按說語言設置為中文就可以了！但是還是不行！今天在sublime打開才發現中文寫的都是亂碼！所有千萬不要在text文件打開！要用編輯器打開！全部保存為utf-8的編碼格式！
相關推薦：hexo 插入視頻和音樂播放器
參考:地址## 背景
博客中插入音樂/視頻，可以讓博客的逼格瞬間提高。作為優秀的靜態博客，Hexo 當然也少不了這些高大上的功能。
解決
Markdown 通用音樂/視頻插入方法
Markdown 作為輕量級的標記語言，兼容 html 語法，所以可以直接在 Markdown 文檔中使用 html 語法。
<vedio>標簽舉例：
<video width="480" height="320" controls>
<source src="movie.mp4">
</video>
<embed>標簽舉例：
<embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>
<iframe>標簽舉例：
<iframe height=498 width=510 src="http://player.youku.com/embed/XMTY1MTI3NjMyNA==" frameborder=0 allowfullscreen></iframe>
javascript標簽舉例:
<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js"></script>
除<vedio>標簽外，大部分音樂/視頻網站都可以直接生成播放器代碼，直接粘貼到 Markdown 文檔中即可使用。
不過在 https 下，上述的有些標簽可能無法正常使用。
通過 Hexo 插件插入音樂/視頻
這里需要使用兩個播放器插件
hexo-tag-aplayer:https://github.com/grzhan/hexo-tag-aplayer#upstream-issue
hexo-tag-dplayer:https://github.com/NextMoe/hexo-tag-dplayer
npm install hexo-tag-dplayer --save
npm install hexo-tag-aplayer --save
-
音樂
{% aplayer "Caffeine" "Jeff Williams" "http://7xq131.com1.z0.glb.clouddn.com/Preparation.mp3" "autoplay" %}
-
網易云音樂
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=420125990&auto=1&height=66"></iframe>
-
蝦米
<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js"></script>
-
視頻
{% dplayer "url=http://devtest.qiniudn.com/若能綻放光芒.mp4" "api=http://dplayer.daoapp.io" "pic=http://devtest.qiniudn.com/若能綻放光芒.png" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}
-
優酷
<embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>
相關鏈接：Hexo yilia主題配置干貨
