博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
静态博客教程 1:hexo + github
阅读量:5024 次
发布时间:2019-06-12

本文共 1925 字,大约阅读时间需要 6 分钟。

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

基本步骤:

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

1. 安装 hexo

安装下面的程序:

  1. Node.js
  2. Git

1.1. 安装 Node.js

看个人喜欢安装 Node.js,可以找网上相关教程。我喜欢下载源码,原滋原味。

上官网的下载页面( ),下载 Source Code ,下回来的是压缩包如:node-v4.2.2.tar.gz。
找个位置解压,进去解压的文件目录。你会发现好多文件,如configure。(PS:对了,有木有觉得 configure[^footnote]总是出现呢?有兴趣了解它的可以看它注脚。)
运行下面三条命令。

sudo ./configure sudo makesudo 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 blogging with Hexo!

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

  • npm install

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

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.htmldeploy:  type:然后将它们修改为# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:  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 gINFO  Files loaded in 599 msINFO  0 files generated in 101 ms

3.4 hexo deploy

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

4. 品尝胜利果实

容我笑一下,哈哈哈哈哈哈哈....

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

5. 其他神马的

看心情写吧。

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


  1. node_modules放着由 npm 管理的各种依赖包。

转载于:https://www.cnblogs.com/firstcxj/p/4979330.html

你可能感兴趣的文章
阻塞赋值与非阻塞赋值
查看>>
jQuery.Callbacks 源码解读二
查看>>
ajax思维导图
查看>>
方法参数(params,ref,out)
查看>>
mac安装虚拟机
查看>>
css中 禁止spa有点击状态
查看>>
css3 matrix()矩阵
查看>>
修复/lib/ld-linux.so.2: bad ELF interpreter: No such file or
查看>>
内部类访问局部变量为什么必须要用final修饰
查看>>
20189216 2018-2019-2 《密码与安全新技术专题》第四次作业
查看>>
iOS 设置非ARC类
查看>>
CSS盒子模型
查看>>
流文件保存到本地的两种方法
查看>>
关于js中属性那些事
查看>>
如果想从jenkins直接生成docker镜像,并推送到harbor中,最简单的脚本如何实现?...
查看>>
NGINX白名单功能,ngx_http_limit_conn_module和ngx_http_limit_req_module值设置多少才合适呀?...
查看>>
如何将ESXI上的GUES OS的磁盘空间减小?
查看>>
mplayer configure选项中文注释
查看>>
Leetcode: 二叉树的最大深度
查看>>
4.2 去皱纹
查看>>