文章目录
  1. 1. 作者:谭庆波
  • 安装Git
  • 安装Node.js
  • 安装hexo
  • 创建hexo文件夹
  • 本地查看
  • 创建repository
  • 部署
  • 执行下列指令即可完成部署。
  • 导航栏添加自定义页面
  • 作者:谭庆波

    安装Git

    • 下载 msysgit 并执行即可完成安装。

      安装Node.js

    • 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装。

      安装hexo

    • 利用 npm 命令即可安装。(在任意位置点击鼠标右键,选择Git bash)
      npm install -g hexo  
      

      创建hexo文件夹

    • 安装完成后,在你喜爱的文件夹下(如H:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选择Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。
      hexo init 
      npm install
      

      本地查看

    • 现在我们已经搭建起本地的hexo博客了,执行以下命令(在H:\hexo),然后到浏览器输入localhost:4000看看。
      hexo generate
      hexo server
      
    • 好了,至此,本地博客已经搭建起来了,只是本地哦,别人看不到的。下面,我们要部署到Github。

      创建repository

    • 在自己Github主页右下角,创建一个新的repository。比如我的Github账号是tqb4342,那么我应该创建的repository名字应该是tqb4342.github.io。

      部署

    • 编辑_config.yml(在H:\hexo下)。你在部署时,要把下面的zippera都换成你的账号名。
      deploy:
      type: git
      repository: https://github.com/zippera/zippera.github.io.git
      branch: master
      

      执行下列指令即可完成部署。

      npm install hexo-deployer-git --save 
      hexo generate 
      hexo deploy
      
    • 记住:每次修改本地文件后,需要hexo generate才能保存。每次使用命令时,都要在H:\hexo目录下。
    • Okay,我们的博客已经完全搭建起来了,在浏览器访问tqb4342.github.io就能看到你的成就了!

      导航栏添加自定义页面

    1. 命令手动生成自定义页面

      hexo n page "about"
      
    2. 编辑 hexo/source/about/index.md 内容

    3. 修改 themes/jacman/_config.yml 文件
    menu:
    关于: /about
    

    更多精彩内容,请关注公众号:轮子工厂,公众号内回复:我要造轮子,可免费获得100本计算机经典电子图书; 回复:福利,获取大学生礼包; 回复:加群,邀请您进高手如云技术交流群。

    文章目录
    1. 1. 作者:谭庆波
  • 安装Git
  • 安装Node.js
  • 安装hexo
  • 创建hexo文件夹
  • 本地查看
  • 创建repository
  • 部署
  • 执行下列指令即可完成部署。
  • 导航栏添加自定义页面