• 搭建Hexo博客


    Hexo系列:(一)搭建Hexo博客

    注意: 此篇教程仅针对Windows平台用户,目的在于帮助新手快速搭建起Hexo博客,分享经验。

    1. 安装Git

    2. 安装Node.js

    • Node.js是一个可以快速构建网络服务及应用的平台,而Hexo是由Node.js驱动的博客框架,因此这里要安装Node.js
      Node.js下载地址

    3. 安装Hexo

    • 前边如果我们已经成功安装好git,那么我们现在在桌面空白位置右键单击,菜单中出现Git Bash,点进去,这是Git的命令行环境,接着输入:

        npm install -g hexo
      

    4. 配置Hexo环境

    • 在自己喜欢的地方建立一个文件夹(如“H:\hexo”)
    • 在该文件夹(“H:\hexo”)中空白处右键,进入Git Bash,执行以下命令即可自动在文件夹中建立网站所需要的所有文件:

        hexo init
      
    • 安装依赖包:

        npm install
      

    5. 本地查看

    • 执行更新指令指令:

        hexo generate
      
    • 执行服务启动指令:

        hexo server
      
    • 至此,本地的Hexo博客已经搭建完毕,我们在浏览器地址栏中输入localhost:4000即可查看到搭建好的博客

    6. Hexo博客上线

    • 接下来我们要将本地搭建好的Hexo上线,最简单经济的方法是部署至GitHub,实现Github的自动托管
    • 首先注册(Sign Up)一个大专栏  搭建Hexo博客rnal noopener noreferrer">GitHub账号,并建立一个新的仓库(New Repositories):
      在GitHub中建立一个新的Repositories
    • 请注意仓库的命名是有规则的,形式为帐号名.github.io,如下图所示:
      username.github.io
    • 接着我们要进入文件夹“H:hexo”修改Hexo的整体配置文件_config.yml,拉到最底,将相应的上传(Depoly)配置代码替换为以下形式:
      Deploy
    • 其中repository的地址进入GitHub中我们之前建立好的那个仓库中就能复制来:
      Alt text
    • 继续,我们再次更新文件:

        hexo generate
      
    • 上传博客:

         deploy
      
    • OK,你的Hexo博客至此已经完全搭建成功,在浏览器中输入帐号名.github.io就可查看到(本文是qiterCS.github.io

    注意:

    - 每次运行命令(hexo generate等)都须在hexo文件夹下;
    - 每次修改完Hexo都要执行命令hexo generate进行文件更新才能生效;
    - 如果浏览器访问帐号名.github.io显示404,很有可能是注册GitHub后未验证邮箱,快去验证吧;

    小技巧:

    • 命令简写
        hexo g  ==  hexo generate  (更新文件)
        hexo d  ==  hexo depoly    (上传文件)
        hexo n  ==  hexo new       (新建博文)
        hexo s  ==  hexo server    (本地启动)
      
    • 新建的博客(Post)在H:hexosource_posts文件夹下,编辑相应的***.md修改博文,本篇用的编辑器是MarkDown

    本篇教程参考自zipperary的博客,非常感谢他的分享!

  • 相关阅读:
    Microjs: 超棒的迷你框架和迷你类库搜罗工具
    本周推荐7款CSS3实现的动态特效
    Bootstrap3.1开发的响应式个人简历模板
    10分钟,利用canvas画一个小的loading界面
    四款超棒的jQuery数字化签名插件
    搜索引擎优化网页设计:最佳实践
    推荐超实用的8款jQuery插件
    9款HTML5实现的超酷特效
    想成为程序猿?28个在线学习网站让你变身齐天大圣!
    推荐7款超棒的单页面网站设计模板。关键是!免费!!
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12370456.html
Copyright © 2020-2023  润新知