Hexo基础教程(利用github构建个人博客或网站)

1.准备工作

   node安装

2.hexo安装

  a.安装 hexo-cli    

npm install -g hexo-cli

b.初始化

$ hexo init
$ npm install

3.目录结构

souce目录:文章文件,markdown格式

public:生成过后的静态目录

theme:主题   可以修改(官网参考)

4.在git上面新建一个仓库 名称必须和用户名一样    

5.修改配置

修改_config.yml文件

type:git (固定)

repo:  仓库地址

 

6.安装插件

a.git插件

npm install hexo-deployer-git --save

b.图片插件

   npm install hexo-asset-image  --save

 7.命令

调试运行:hexo s --debug

清理静目录:hexo clean

生成静态目录:hexo  g

打包部署github服务器:hexo d     (会将public文件夹部署上传到git仓库里面)

 

5.如果上面的配置是对,那么打开仓库的setting里面会看到如下的情况

 

 

 

访问上面截图中的地址,就能看到部署上去的文章啦!

ps:如果需要插入图片的话,需要把图片放在和文章名字相同的一个文件夹下面,然后清理过后再生成静态目录(注意,必须先清理一下public目录)如下图我的目录

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值