美文网首页
hexo搭建博客

hexo搭建博客

作者: 怎么昵称 | 来源:发表于2019-02-23 21:20 被阅读0次

安装hexo ,电脑上必须已经安装过Node.js和Git。

如果没有安装,可以找官网下载,安装即可。

只需要几分钟, 你就可以轻松的搭建好自己freestyle的博客。

步骤:

#####0. 打开gitbash, cd进入一个安全的目录。

#####1. 新建repo

首先你得有自己的github账号。登录github, 点击右上角+ ,可以new 一个repo。

>注意:repo的名字是 [你的 github用户名].github.io

#####2. 安装hexo

```

npm  install -g hexo-cli ,这一步安装hexo

```

#####3. hexo创建博客

```

hexo init myBlog

cd myBlog

npm i

hexo new 博客

start 博客.md

```     

.md文件就是你要编辑在博客上显示的内容

打开配置文件

```

start  _config.yml

```

,主要是设置网站的配置,比如:标题、作者。。。。

>修改第六行的title,是网站的名字

      第九行的author,修改成你的姓名

      最后一行的type, 给成type: git

      新增一行 repo:(空一格)就是第1步中新建的repo 的仓库地址。

```

npm install hexo-deployer-git --save,安装git部署插件

hexo deploy

```

打开github,打开新repo的Github Pages,点击链接预览,你将看到一个好看的博客

#####4. 主题切换

如果你不喜欢博客的展现风格[https://github.com/hexojs/hexo/wiki/Themes](https://github.com/hexojs/hexo/wiki/Themes)中还有很多不同主题风格,你可以找一个喜欢的。

打开连接,进入主题的github, 复制主题的HTTP或者 SSH仓库地址,

```

cd theme,

git clone 仓库地址,

cd ..

start  _config.yml

找到theme,在75行,改成当前主题的主题名

hexo generate

hexo deploy

等执行完成,再打开github, 刷新博客页面,博客换了一种风格。。

```

#####5.上传源代码

你的博客页就是显示你的博客内容,不能保存你生成博客的代码。而现在我们自己创建一个新仓库, 来存放代码,以防以后丢失目录。

创建一个新repo为blog-generator。创建后按照github上的创建提示先输入命令行即可。

>以后每次 hexo deploy 完之后,博客就会更新;

然后你还要 add / commit /push 一下「生成博客的程序代码」,以防万一

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

相关文章

网友评论

      本文标题:hexo搭建博客

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