使用Hexo和github搭建免费静态博客

in 备忘 with 0 comment

简介
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装
安装Nodejs
git clone --depth 1 https://github.com/cnpm/nvm.git ~/.nvm
echo "source ~/.nvm/nvm.sh" >> ~/.bashrc
source ~/.bashrc
nvm install stable
nvm alias default stable
安装hexo
npm install -g hexo-cli
配置
建站
hexo init blog
cd blog
npm install
配置
安装主题
git clone https://github.com/iissnan/hexo-theme-next themes/next
rm themes/next/{.git,.gitignore}
使用 Data files
https://github.com/iissnan/hexo-theme-next/issues/328

sed -i 's/theme:.*/theme: next/' _config.yml
mkdir -p source/_data
cp themes/next/_config.yml source/_data/next.yml
设置代码字体
source/_data/next.yml

codes:
external: true
family: monospace
size: 14
添加版权声明
source/_data/next.yml

post_copyright:
enable: true
license: CC BY-NC-SA 3.0
license_url: https://creativecommons.org/licenses/by-nc-sa/3.0/
创建文章时默认添加 copyright: 属性

/scaffolds/post.md


title: {{ title }}
date: {{ date }}
tags:
categories:

copyright:

设置社交账号
source/_data/next.yml

social:
GitHub: https://github.com/hhktony || github
E-Mail: mailto:[email protected] || envelope
配置社交帐号格式为: 地址 || 图标

不蒜子统计
source/_data/next.yml

busuanzi_count:
# count values only if the other configs are false
enable: true
# custom uv span for the whole site
site_uv: true
site_uv_header: 本站访客数
site_uv_footer: 人次
# custom pv span for the whole site
site_pv: true
site_pv_header: 本站总访问量
site_pv_footer: 次
# custom pv span for one page only
page_pv: true
page_pv_header: 本文总阅读量
page_pv_footer: 次
Disqus 评论
source/_data/next.yml

disqus:
enable: true
shortname: <SHORTNAME>
count: true
配置本地搜索
npm install hexo-generator-searchdb --save
/_config.yml

search:
path: search.xml
field: post
format: html
limit: 10000
source/_data/next.yml

local_search:
enable: true
# if auto, trigger search by changing input
# if manual, trigger search by pressing enter key or search button
trigger: auto
# show top n results per article, show all results by setting to -1
top_n_per_article: 1
图片设置
/_config.yml

post_asset_folder: true
安装插件

npm install hexo-asset-image --save
使用

文字说明
<div style="width: 200px; margin: auto">文字</div>
``

更多的配置与使用参考以下链接

部署备份方案

blog源码放在oschina上的私有 repo 里,生成的静态文件部署在 github 上,这样便于隐藏敏感信息和备份。

部署

npm install hexo-deployer-git --save
hexo clean
hexo d -g
/_config.yml

deploy:
  type: git
  repo:
    github: [email protected]:hhktony/hhktony.github.io.git,master
备份
git init
git remote add origin [email protected]:hhktony/blog.git
git add .
git commit -m "msg"
git push -u origin master
新系统部署
安装Node.js
安装hexo
git clone [email protected]:hhktony/blog.git
cd blog
Responses