用hexo和github搭建个人 免费 博客
免费 对我我这种穷人来说显得弥足珍贵

0.导言

0.1 个人微博技术

个人微博技术有很对,4-12日尤大神发布了VuePress,大神本来想写文档,结果码出了一套框架(容我做一个悲伤的表情),大神就是大神。不过新框架还在不断完善,存在太多坑,这里就先不说VuePress,以后框架完善后再说。这里就聊一聊老牌的微博框架hexo

0.2 hexo

hexo是一个框架,简洁明朗,基于node,一键部署,并且支持MarkDown,现在微博基本上内容都是用MarkDown来写,而且还有很多 免费 框架哦!
之前想写一个微博,用nodejs后台,前端用vue来写,还得弄服务器什么的,超级麻烦。后来学了下hexo,真的超级轻量!(我的废话真多)。

1.安装

1.1 安装nodejs

hexo是基于nodejs,需要nodejs,还不会可以面壁了

1.2 安装hexo

hexo需要安装全局变量

npm install hexo-cli -g

1.3 安装git

去这里https://git-scm.com/downloads毫无压力的进行安装吧

2.快速在本地开始

2.1 开始命令

hexo i blog //init的缩写 blog是项目名

hexo初始化hexo

cd blog //切换到站点根目录

切换到该目录下,或者直接在该目录下打开控制台

hexo g //generetor的缩写

在此之前可以先clean下,然后生成项目

hexo s //server的缩写

启动本地服务器

2.2 查看成果

打开浏览器输入localhost:4000查看:
如图所示

2.3 目录结构

在初始化的目录下会看到该目录结构
一个崭新的博客页面出现在面前
如图所示

1
2
3
4
5
6
7
8
9
node_modules:是依赖包
public:存放的是生成的页面;clean会删除;generetor会生成
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章,以后都在这里写自己的文章
themes:主题;存放自己喜欢的主题并使用
_config.yml:整个博客的配置
db.json:source解析所得到的(我也不大清楚)
package.json:项目所需模块项目的配置信息
package-lock.json:nodejs升级后存储更细节的包版本,以后写nodejs会详细说明

2.4 安装hexo-server

这里需要踩个坑,exo 3.0把服务器独立成个别模块,需要单独安装:

npm i hexo-server

3.配置github

3.1 在github上创建项目

没有账号的自己注册
创建新的项目
如图所示
创建项目,输入地址
如图所示
名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用!并且以后yourname.github.io就是你的博客地址,之后点击2创建

3.2 配置github私钥

个人觉得这个配置后只能在该电脑使用,像我一样在公司台式机的朋友梦用其他电脑配置会哭的,这里就先不用私钥的办法,后面会说一个更好的方法。

3.2 安装deployer

安装deployer后才能美美哒配置发布到网上

npm install hexo-deployer-git –save

之后需要在_config.yml末尾处加入一段代码

1
2
3
4
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master

重点说明一下repo:

1
https://+用户名:密码+@+github.com/+

如图所示

1
+.git

这里可以接刚才说的更好的方法

3.2 发布博客

这时候小伙伴可以愉快的发布了
建议执行命令按顺序执行

1
2
3
hexo clean
hexo generate
hexo deploy

3.4 查看博客

在浏览器中输入https://刚才的名字.github.io/
进行访问

最后更新: 2018年11月10日 16:58

原始链接: http://linjiad.github.io/2018/05/11/hexo1/

× 请我吃糖~
打赏二维码