Hexo博客搭建

Hexo

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

安装

  • Node(本文不做多余叙述)

  • Git(本文不做多余叙述)

  • Hexo
    $ npm install -g hexo-cli
    安装完成后,到一个新的文件夹下,打开Git Bash,执行一下命令:

    $ hexo init <folder>
    $ cd <folder>
    $ npm install

    新建完成之后,打开新建的项目,查看项目目录:

  • public:执行hexo generate命令,生成的HTML静态文件

  • scaffolds:模版文件夹

  • source:资源文件夹,文章源码目录,该目录下的markdown和html文件均会被hexo处理。该页面对应repo的根目录,404文件、favicon.ico文件,CNAME文件等都应该放这里

    • _data:你的数据文件夹,例如:
      • friends.json:存放友情链接的数据
      • musics.json:存放音乐播放器的数据
    • _posts:文章存放文件夹
    • categories:分类
    • tags:标签
      • thems:主题文件夹,Hexo 会根据主题来生成静态页面。以我当前使用的metery主题为例
      • langauages:存放语言相关设置的yml文件
      • layout:存放文章的ejs模版,可以在里面修改相关的HTML、CSS、JS等
      • source:该主题下使用的资源文件夹
      • _config.yml:该主题的配置文件
  • _config.yml:该项目的配置文件
  • db.json:source解析所得到的
  • package.json:项目所需模块项目的配置信息

部署

  • GitHub上新建一个项目
  • 本地Git Bash上配置github账户信息
    • git config --global user.name 'yourName'
    • git config --global user.email 'yourEmail'
      • 创建SSH
      • 在gitbash中输入:
      • ssh-keygen -t rsa -C "youremail@example.com,生成ssh。
      • cd ~/.ssh 找到id_rsa.pub
      • cat id_rsa.pub复制其中的内容到github上,创建一个新的 SSH KEY
  • 修改_config.yml
    deploy:
    type: git
    repo: https://github.com/YourgithubName/YourgithubName.github.io.git
    branch: master
  • 回到Git Bash
    npm i hexo-server
    hexo clean
    hexo generate
    hexo server
  • 上传到GitHub
    npm install hexo-deployer-git --save
    hexo clean
    hexo generate
    hexo deploy
    注意deploy的过程中要输入你的username及passward。
    然后在浏览器中输入 http://yourgithubname.github.io 就可以看到你的个人博客。
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!