美文网首页
通过Hexo在Github上搭建博客 for Mac

通过Hexo在Github上搭建博客 for Mac

作者: 九天环佩 | 来源:发表于2016-07-14 15:33 被阅读170次

    如果你能see到这个教程,说明你已经了解了一些hexo的资料……不了解也没啥,这是个教程,你可以照着来一遍,just this……

    一、Node.js 安装

    通过brew安装

    安装命令
    brew install node #最新版的node.js包中已经集成了npm包管理工具
    使用下面的命令验证是否安装成功
    node -v 
    npm -v
    

    二、Hexo安装与设置

    命令

    npm install hexo -g  #表示全局安装,npm默认为当前项目安装
    

    Hexo使用命令

    hexo init <folder>  #执行init命令初始化hexo到你指定的目录
    hexo generate       #自动根据当前目录下文件,生成静态网页
    hexo server         #运行本地服务
    

    三、配置github

    如果你有github帐号 ? 登录 : 注册再登录;
    创建一个新的仓库,点击New repository,在Repository name里填入username.github.io,这里的username必须和Owner一样,比如我填的是jiutianhuanpei.github.io
    然后点击Create repository确认创建。

    四、编写、发布文章

    1、创建博客

    命令

    hexo init username.github.io
    

    2、更改配置

    主题安装

    博客的样式是可以随我心意更改的,命令

    cd username.github.io
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    这个是极简的主题,上面喵神的主题在这里,当然资源永远是有更多的。

    基础配置

    打开配置文件username.github.io/_config.yml,修改几个值,下面这几个是必须改的,记得保存,键值之间有空格。

    title: xxx的博客    //你博客的名字
     author: xxx  //你的名字
     language: zh-Hans    //语言 中文
     theme: next   //刚刚安装的主题名称
     deploy:
       type: git    //使用Git 发布
       repo: https://github.com/username/username.github.io.git    // 刚创建的Github仓库
    
    主题配置

    主题配置文件位置username.github.io/themes/next/_config.yml,自行修改。

    3、写文章

    在位置username.github.io/source/_posts下创建.md文件,用Markdown发挥吧。推荐软件 Mou。文章例子

    ---
    title: First Blood
    ---
    
    >童话
    我有一头小毛驴,可是我从来都不骑
    
    

    4、测试

    命令

    hexo s
    

    服务启动后,在浏览器中输入https://localhost:4000即可访问。

    5、安装hexo-deployer-git自动部署发布工具

    命令

    npm install hexo-deployer-git --save
    

    6、发布

    测试过后,我们就可以把生成的静态网页发布到我们的Github Pages中。

    命令

    hexo clean && hexo g && hexo d
    

    如果是第一次,终端会让你输入github的帐号和密码。
    以后再执行一下这个命令就可以直接发布了。

    教程 over

    相关文章

      网友评论

          本文标题:通过Hexo在Github上搭建博客 for Mac

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