搭建自己的博客在github page
经过2天的折腾的终于把自己的博客给搭建出来了,也可以说是自己的一个Hello World
吧
这个主题是使用Litten的theme通过hexo搭建
准备环境
* install git
* install node
* 注册github的账号
Git Download
nodejs Download
github 注册的地址
再创建之前思考一个事情
就是在你做完这些之后,你开始写自己的博客的时候,突然之间要换电脑了,这个时候你要怎么办
这个思考是对于那些使用过 github 或者是使用过别的版本控制的工具。
Build to blog
安装 nodejs 很简单,就是傻瓜式的安装。
在安装 git 的时候也是一键式安装。
然后自己注册github的账号。
记得配置自己的 nodejs的Path
在 cmd 窗口 输入 path
我自己的 nodejs
在E盘
同样看看自己的 git 的 path 有没有配置
然后就是验证你的安装是否正确打开你 cmd 输入 git
输入 node -v
github 就不用验证了吧
然后就是利用 node 的 npm 工具去安装 hexo 输入
npm install -g hexo-cli
如果自己的 hexo 安装成功的话
在 cmd 中 输入 hexo -v
创建自己的 hexo 工程
假设自己的 hexo 的工程目录是在 D:\Pro\pro_wdh\nodejs
1. 在 cmd 中 输入 pushd D:\Pro\pro_wdh\nodejs
2. cmd的当前目录直接跳转到 D:\Pro\pro_wdh\nodejs
3. 使用 hexo init 命令 初始化 ()hexo init [folderName] )
hexo init hexo
cd hexo
nmp install
完成之后目录结构如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
网站的 配置 信息,您可以在此配置大部分的参数。
package.json
应用程序的信息。EJS, Stylus 和 Markdown renderer 已默认安装,您可以自由移除。
scaffolds
模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。
Hexo的模板是指在新建的markdown文件中默认填充的内容。例如,如果您修改scaffold/post.md中的Front-matter内容,那么每次新建一篇文章时都会包含这个修改。
source
资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
themes
主题 文件夹。Hexo 会根据主题来生成静态页面。
运行自己的hexo工程
在 cmd 中 输入 hexo s
在自己的浏览器中打开 http://localhost:4000/.
这时你会看到自己的静态网页
部署自己的笔记2github
网上的一些教程都是 使用 SSH 去上传自己的博客
但是使用 htpp 的方式也同样可以 上传
创建自己的 github 的仓库
上面的仓库名字就和你 github 的名字一样就行了
然后就是在 hexo 的根目录下的 _config.yml 中 找到
按照图片上的配置自己的 github 仓库的地址
github 仓库的地址在这里拿
然后执行 hexo的命令 在cmd中输入
1.hexo clean
2.hexo g
3.hexo d
静静的等待
上传完成之后
打开 http://Test.github.io
就可以看到自己的博客了
回答上面的提出的思考
答案就是 在 github 上创建自己的 branch(分支)
我是在自己的 github 创建自己的 blog(分支)
不是太全,但是应对日常还是可以的
做法如下:
git chcekout -b blog
git add -A
git commit - m "commit my blog"
git push origin blog
解释一下吧
创建新的分支 blog
添加自己的文件到缓存区
提交到本地版本库
推送到远端
这只是一些基础
更多需要你多去尝试,多自己动手。
有疑问可以加QQ一起讨论
最后更新: 2019年08月14日 11:22