github+hexo

Hexo搭建步骤

• 安装git

  • git --version 用于验证安装结果

• 安装node.js

  • 需要安装node.js和里面的工具npm
  • 官网下载node.js稳定版或者最新版本，一路默认
  • 完整安装后，cmd敲node -v 和 npm -v 验证安装结果
  • 使用国内镜像源 npm config set registry https://registry.npm.taobao.org

• 安装hexo

  • 先创建一个文件夹，比如 D:\my_blogs
  • 在gitbash里面cd到这个文件夹，或者右键这个文件夹，gitbash here
  • 在该目录下 npm install -g hexo-cli ，安装hexo，无视报错
  • 用hexo -v验证安装结果
  • 安装完成之后用 hexo init my_blogs 初始化文件夹，即初始化我们的网站
  • 完成之后my_blogs中会出现以下目录：
    • node_modules: 依赖包
    • public:存放生成的页面
    • scaffolds:生成文章的模板
    • themes:主题
    • _config.yml: 博客配置文件
  • 本地预览，输入 hexo generate 和 hexo server;
  • 用浏览器打开cmd给出来的url地址，ctrl+c关闭

• 如果想要新建一个md文件，输入 hexo new 'filename', 会生成一个新的md文件，编辑它就行。生成的位置在hexo/source/_posts 里面。

github上建立repo

• new repository
• 仓库名应该为yourname.github.io,yourname表示你的github账户名。建立同名仓库的目的是以后部署到github page的时候才能够被正确识别
• 选择public repo
• 初始化readme, 选择initialize this repository with a README

生成SSH添加到github

• 打开git，输入下面命令，连接本地git和远程github
  • git config --global user.name //输入github用户名
  • git config --global user.email //输入github邮箱
• 以下命令可以检查用户和邮箱输入对不对
  • git config user.name
  • git config user.email
• 输入完账户邮箱之后就可以创建SSH了，虽然我的电脑已经建立过了，但是SSH有一个id_rsa，这是我这台电脑的私钥，意味着一旦我换了一台本地电脑就要重新获取一下。
• SSH的工作原理是：创建了一个密钥，其中id_rsa是本地电脑的私人密钥，不能给别人看。id_rsa.pub是公共密钥，可以给别人看。把这个公共密钥放在github上，这样当我们访问远程github账户的时候，就会用公共密钥来匹配私钥，只有成功匹配了，才能顺利通过git上传文件到github。具体操作我的另一篇博客里面有记录。
• SSH添加输入以下命令：
  • ssh-keygen -t rsa -C //过程中会确认三次，全部ok就行
  • 把本地生成的id_rsa.pub打开，复制，粘贴到github的SSH and GPC keys部分，title可以随便取。
• 在git bash上输入命令 ssh -T [email protected] 来验证SSH连接是否成功。

部署hexo到github

• 进入到my_blogs根目录，找到配置文件_config.yml，用记事本打开它。
• 最后一行配置如下：

deploy:
  type: git
  repository: 
  github: https://github.com/your_name/your_name.github.io //这是github的项目地址
  coding: //双线部署时用，现在不管
branch: master

• _config.yml还有一些更多的设置：
  • title: //网站标题
  • subtitle:
  • description: //网站描述
  • keywords: //网站关键词
  • author: //网站作者
  • language:zh=CN //网站语言
  • timezone:
• 在git bash输入以下命令：
  • npm install hexo-deployer-git --save //这是安装部署命令，有了它才能用命令部署到github
• 再依次输入以下命令：
  • hexo clean //清楚缓存
  • hexo generate //生成静态文件
  • hexo deploy //部署文件
• 至此，博客搭建就完成了，此时的博客地址是 yourname.github.io
• 页面主题：git clone https://github.com/fluid-dev/hexo-theme-fluid.git themes/fluid/主题网址
• 然后去_config.yml，找到themes,将默认改为fluid主题。
• 再次:
  • hexo clean
  • hexo generate
  • hexo server
  • hexo deploy

发布文章

• 进入博客目录： cd source/_posts/
• 新建文章：hexo new post <title> //文章会放在_post文件夹内
• 另起一页：hexo new page newpage //系统自己会在source文件夹下面创建一个newpage文件夹，以及里面的index.md文件，这样对应的访问连接就成了http://xxxx/newpage
• 草稿：hexo new draft newdraft //会把草稿放在source/_draft中
• 预览草稿：hexo server --draft
• 发布草稿：hexo publish draft newdraft //就会自动把newdraft放到post文件夹中去了。
• 图片素材怎么处理：官方建议统一放置在sourec/images目录中，并以
• 有些人建议用专业的第三方图床存放这些静态图片素材
• 使用hexo admin做本地在线式文章管理，比较直观
  • 安装： npm install --save hexo-admin
  • 启动： hexo server -d
  • open http://localhost:4000/admin/