在windows里hexo 博客建立步骤

时间 2019-12-11

标签 windows hexo 博客建立步骤栏目 Windows 繁體版

原文原文链接

作一个本身的Hexo的博客如下是步骤。（须要安装node js）node

进入一个安全的目录，好比 cd ~/Desktop 或者 cd ~/Documents，别在根目录 / 瞎搞。之后全部的教程第一步都是「进入一个安全的目录，别在根目录瞎搞」，只有 ~ 里面的目录是你能碰的！
在 GitHub 上新建一个空 repo，repo 名称是「你的用户名.github.io」（请将你的用户名替换成真正的用户名）
npm install -g hexo-cli，安装 Hexo
hexo init myBlog 新建一个myblog的目录
cd myBlog 进入目录
npm i 安装 install
hexo new 开博大吉，你会看到一个 md 文件的路径
$Windows 的路径中的 \ 须要变成 / 才行哦$ Windows 的路径中的 \ 须要变成 / 才行哦
开博大吉就是你的第一篇博客，在路径\_POSTS\之后全部的文章都在这里，本地浏览博客分别输入以下命令：
hexo g 生成静态页面git

hexo s 部署到本地github
在浏览器输入http://loaclhost:4000 便可
创建hexo与GitHub之间的链接, start _config.yml，编辑网站配置（）
1. 把第 6 行的 title 改为你想要的名字
2. 把第 9 行的 author 改为你的大名
3. 把最后一行的 type 改为 type: git
4. 在最后一行后面新增一行，左边与 type 平齐，加上一行 repo: 仓库地址 （请将仓库地址改成「你的用户名.github.io」对应的仓库地址，仓库地址以 git@github.com: 开头你知道吧？不知道？不知道的话如今你知道了）
5. 第 4 步的 repo: 后面有个空格，不要眼瞎。
npm install hexo-deployer-git --save，安装 git 部署插件
hexo deploy 部署服务器
进入「你的用户名.github.io」对应的 repo，打开 GitHub Pages 功能，若是已经打开了，就直接点击预览连接
你如今应该看到了你的博客！

第二篇博客

hexo new 第二篇博客
复制显示的路径，使用 start 路径 来编辑它
hexo generate 生成静态页面
hexo deploy 部署页面到服务器 hexo d -g 在部署前生成、就是上面两句话的缩写
去看你的博客，应该能看到第二篇博客了

换主题

https://github.com/hexojs/hexo/wiki/Themes 上面有主题合集
随便找一个主题，进入主题的 GitHub 首页，好比我找的是 https://github.com/iissnan/hexo-theme-next
复制它的 SSH 地址或 HTTPS 地址，假设地址为 git@github.com:iissnan/hexo-theme-next.git
cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
cd ..
将 _config.yml 的第 75 行改成 theme: hexo-theme-next，保存
hexo generate 生成静态页面
hexo deploy 部署上去
等一分钟，而后刷新你的博客页面，你会看到一个新的外观。若是不喜欢这个主题，就回到第 1 步，重选一个主题。

上传源代码

注意「你的用户名.github.io」上保存的只是你的博客，并无保存「生成博客的程序代码」，你须要再建立一个名为 blog-generator 的空仓库，用来保存 myBlog 里面的「生成博客的程序代码」。npm

在 GitHub 建立 blog-generator 空仓库浏览器
图片
按照截图中的命令执行便可，记住，别 TMD 用 HTTPS 地址。安全

这样一来，你的博客发布在了「你的用户名.github.io」而你的「生成博客的程序代码」发布在了 blog-generator。全部数据万无一失，你就不会由于误删 myBlog 目录而痛哭了。服务器

之后每次 hexo deploy 完以后，博客就会更新；而后你还要要 add / commit /push 一下「生成博客的程序代码」，以防万一。hexo

这个 blog-generator 就是用来生成博客的程序，而「你的用户名.github.io」仓库就是你的博客页面。网站