zoukankan      html  css  js  c++  java
  • 静态博客教程 1:hexo + github

    原理:用 hexo 在本机搞定 blog,然后丢去 github,嗯..就是这样的

    基本步骤:

    1. 安装 hexo
    2. 在本地倒弄 blog
    3. 部署到 Github
    4. 品尝胜利果实

    1. 安装 hexo

    安装下面的程序:

    1. Node.js
    2. Git

    1.1. 安装 Node.js

    看个人喜欢安装 Node.js,可以找网上相关教程。我喜欢下载源码,原滋原味。
    上官网的下载页面( Node.js),下载 Source Code ,下回来的是压缩包如:node-v4.2.2.tar.gz。
    找个位置解压,进去解压的文件目录。你会发现好多文件,如configure。(PS:对了,有木有觉得 configure[1]总是出现呢?有兴趣了解它的可以看它注脚。)
    运行下面三条命令。

    sudo ./configure 
    sudo make
    sudo make install
    

    经过漫长的等待......
    嘻嘻,可以检查安装是否成功:

    • node -v

    出现版本号如:v4.2.2
    哦也,成功。

    2.2.安装 Git

    请看大神链接
    要注意的是,在 Github 创建和你用户名对应的 repository
    格式:user_name.github.io
    如我的用户名为 chessgit
    so:chessgit.github.io
    你懂得。

    2. 在本地倒弄 blog

    2.1 hexo init

    在电脑中建个文件夹(看你个人喜好)。执行下面的命令,初始化 hexo 。

    $ hexo init
    [info] Copying data
    [info] You are almost done! Don't forget to run `npm install` before you start b
    logging with Hexo!
    

    hexo 随后会自动在目标文件夹建立网站所需要的文件。然后按照提示,运行 npm install

    • npm install

    细心对比一下,嘻嘻,有木有发现多了一个文件夹: node_modules[2]

    2.2 启动 server

    在刚才文件夹,执行:

    $ hexo server
    [info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
    

    表明Hexo Server已经启动了,在浏览器中打开 http://localhost:4000/,这时可以看到Hexo已为你生成了一篇blog。

    你可以按Ctrl+C 停止Server。

    3. 部署到 Github

    3.1 修改_config.yml
    部署到Github前需要配置_config.yml文件,首先找到下面的内容

    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
      type:
    然后将它们修改为
    
    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
      type: git
      repository: git@github.com:chessgit/chessgit.github.io.git
      branch: master
    

    3.2 执行命令:

    • npm install hexo-deployer-git --save

    3.3 hexo generate

    hexo g
    INFO  Files loaded in 599 ms
    INFO  0 files generated in 101 ms
    
    

    3.4 hexo deploy

    hexo d
    INFO  Deploying: git
    INFO  Setting up Git deployment...
    .....
    分支 master 设置为跟踪来自 git@github.com:chessgit/chessgit.github.io.git 的远程分支 master。
    INFO  Deploy done: git
    

    4. 品尝胜利果实

    容我笑一下,哈哈哈哈哈哈哈....
    在浏览器中输入地址,(http://chessgit.github.io/),就可以看到你的静态博客了。

    5. 其他神马的

    看心情写吧。



    1. configure 是个shell脚本,功能是,买家具。软件(房客)入住,总要买点家具,看缺了什么依赖包。有强迫症的可以用上--prefix=... ↩︎

    2. node_modules放着由 npm 管理的各种依赖包。 ↩︎

  • 相关阅读:
    [转]ASP.NET中JSON的序列化和反序列化
    [转]JavaScriptSerializer中日期序列化
    [转]国外英语教学网页
    [转]linq to sql (Group By/Having/Count/Sum/Min/Max/Avg操作符)
    [转]Business Model Canvas(商业模式画布):创业公司做头脑风暴和可行性测试的一大利器
    [转]sql server transaction
    CentOS7安装配置PostgreSQL9.6
    使用struts的同步令牌避免form的重复提交
    Flink初探-为什么选择Flink
    jdbc三种常见用法
  • 原文地址:https://www.cnblogs.com/firstcxj/p/4979330.html
Copyright © 2011-2022 走看看