美文网首页
Hexo博客的快速搭建

Hexo博客的快速搭建

作者: Double_Dong | 来源:发表于2017-06-08 13:52 被阅读90次

    这篇记录一下我用Hexo来搭建个人博客的一个过程。以下内容都是在Mac环境下搞得,win下也基本一样

    安装Git和nodeJS、创建GitHub仓库

    hexo是一款基于Node.js的静态博客框架,而我们的网站是搭建在git上的,所以我们必须要有nodeJS、git的环境。安装nodejs、git和创建仓库的过程我就不在这讲,不会的请自行百度。
      环境都配置好了以后,我们只需要进入到当前仓库的设置(Settings)里,找到GitHub Pages -> Source 选择master branch并点击Save。保存后页面刷新就会出现红框3的内容了,点击链接就可以进入你的博客了,但是现在还是没有任何的东西。

    安装Hexo

    安装好nodeJS后,在自己本地创建一个放置博客的文件夹,例如:“/Users/userName/MyWork/Blog”, 打开终端进入到这个博客文件夹中并安装Hexo

    # 进入文件夹
    cd /Users/userName/MyWork/Blog
    # 安装Hexo
    sudo npm install -g hexo
    # 初始化Hexo
    hexo init
    

    初始化完成后blog文件夹的文件目录如下图,至此hexo就安装完成了。


    生成静态网页

    hexo generate
    # 或是
    hexo g
    

    启动本地服务

    hexo server
    # 或是
    hexo s
    

    启动本地服务后,终端就会输出一下信息:

    INFO  Start processing
    INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
    

    此时我们打开 http://localhost:4000/ 这个链接就可以直接进入到默认的博客页面了

    绑定Git

    确认自己已经安装好git环境后,打开编辑"blog/_config.yml"文件,找到“deploy:”将其配置为下面这样

    deploy: 
        type: git
        repo: https://github.com/xxxxx/blog.git
        branch: master
    

    提示:repo:“仓库地址”+“.git”

    配置好后执行以下命令:

    npm install hexo-deployer-git --save
    

    推送到git远端

    hexo deploy
    # 或是
    hexo d
    

    生成静态网页和推送远端也可以合为一句命令

    hexo g -d
    

    Hexo的常用命令

    # 初始化Hexo项目
    hexo init
    # 清理数据
    hexo clean
    # 生成静态网页
    hexo generate
    # 推送到Git远端
    hexo deploy
    # 启动本地服务
    hexo server
    # 新建文章
    hexo new "postName"
    # 新建页面
    hexo new page "pageName"
    # 帮助
    hexo help
    # Hexo版本
    hexo version
    



    到此为止Hexo博客的基础搭建就全部完成了,这个教程并不长,也不难。博客我一般不喜欢写太长,因为总感觉看不完,阅读起来很累,所以我喜欢将一些长篇大论的文章截成一小段一小段的,阅读的人通过标题就可以很快速的找到自己想看的东西,而不用在一大段文字中去寻找。

    相关文章

      网友评论

          本文标题:Hexo博客的快速搭建

          本文链接:https://www.haomeiwen.com/subject/tvzzfxtx.html