搭建Blog

发表于 | 分类于 | 阅读次数:
  • 在去年刚工作的时候就想着搭建自己的一个技术博客，发表一些自己学习、工作中的技术总结。由于个人执行力较弱，再经历两次尝试放弃后，最终于今日使用Hexo+Github Pages搭建起了个人的第一个技术博客。接下来就搭建过程做个小结。

    Hexo是什么？

  • Hexo是一个高效的博客框架，了解一个技术最快捷的就是官方文档

    配置github

  • 创建一个仓库，Repository name填自己的名字，博客域名：yourname.github.io(yourname与你注册用户名一致)

    环境搭建

  • git、node.js
  • 安装完成后，打开git输入如下命令：
    git config –global user.name “你的用户名”
    git config –global user.email “电子邮件地址”
    配置的是你个人的用户名称和电子邮件地址
    关于Git，推荐廖雪峰老师的教程。
  • 安装Hexo：
    $ npm install -g hexo-cli

    创建Blog

  • 在任意一个地方打开git，输入：
    hexo init blog
    提示：INFO Start blogging with Hexo! 则表示创建成功。
  • 因为你初始化hexo 之后source目录下自带一篇hello world文章, 所以直接执行下方命令
    $ hexo generate
    #启动本地服务器
    $ hexo server
    #在浏览器输入 http://localhost:4000/ 就可以看见网页和模板了
  • 重新打开CMD，输入：
    ssh-keygen -t rsa -C “Github的注册邮箱地址”
    一路Enter过来就好，得到信息：
    Your public key has been saved in /c/Users/user/.ssh/id_rsa.pub.
    找到该文件，打开（sublime text），Ctrl + a复制里面的所有内容，然后进入Sign in to GitHub：
    New SSH key ——Title：blog —— Key：输入刚才复制的—— Add SSH key

    配置博客

  • 在blog目录下，用sublime打开_config.yml文件，修改参数信息

    具体参照Hexo官方文档配置，此处仅展示配置部署。
    #Deployment
    ##Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: 刚刚github创库地址.git
    branch: master
    【注】在每个参数后都要加一个空格

    发表文章

  • $ hexo new “第一篇blog”
    INFO Created: D:\blog\source_posts\第一篇blog.md
  • 编辑Blog，使用的是MarkDown语言，该语言上手很简单。编辑器推荐使用NotePad++7.0，然后安装一个MarkDownViewer++即可，并不推荐网上说的MarkDownPad，具体原因可自行百度。
  • 保存，然后执行下列步骤：
    $ hexo clean
    $ hexo generate
    $ hexo server
    即可在本地服务器浏览：http://localhost:4000/
  • 最后一步，发布到网上，执行：
    $ hexo deploy
    【注】如果在执行hexo deploy后,出现error deployer not found:github的错误，执行：
    npm install hexo-deployer-git –save

    总结

  • 1、hexo new 创建文章
  • 2、Markdown语法编辑文章
  • 3、部署（所有打开git或cmd都是在blog目录下）
    hexo clean #清除缓存 网页正常情况下可以忽略此条命令
    hexo generate #生成
    hexo server #启动服务预览，非必要，可本地浏览网页
    hexo deploy #部署发布
  • 关于主题：
    自行选择一个主题，根据配置文档配置即可。个人选用的是NexT。