Windows10 部署hexo 个人博客(一)

前提条件

• 安装 git
• 安装 node.js

win10安装Hexo

#git bash
npm install hexo-cli -g
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
hexo -v

Hexo设置

#hexo初始化
hexo init Blog
git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next

Next主题修改css

vim themes/next/source/css_common_custom/custom.styl
// 文章风格.
.post {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 25px;
  box-shadow: 0 0 5px rgba(202, 203, 204, .5);
  -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
  -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
  -o-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
  -ms-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
 }
  // 站点描述
.site-description {
    font-size: 16px;
}
  //站点副标题
.site-subtitle {
  display: none;
}
  // 作者名
.site-author-name {
    font-family: 'Comic Sans MS', sans-serif;
    font-size: 20px;
}

// 文章之间的分割线
.posts-expand .post-eof {
    margin: 40px auto 20px;
    background: white;
}

git设置

#git仓库要使用自己的
deploy:
  type: git
  repo:
    github: [e-mail]:Lianyi-xz/Lianyi-xz.github.io.git
    coding: [e-mail]:lianyizhiwai/lianyizhiwai.coding.me.git
  branch: master

常用命令

#本地运行博客
hexo server
#博客部署到github 和coding仓库
hexo clean
hexo g
hexo d
#源码保存到github仓库
git add .
git commit -m "source update"
git push

参考资料

NexT主题文档
NexT第三方服务
分类和标签
底部动画
NexT个性化
hexo+github
hexo neat压缩
coding blog
Blog SEO
Blog SEO

关于我

一个想到啥学啥的运维工程师
一个想靠手艺吃饭的人
一个能聊聊天的朋友
个人网站：http://sosad.cn