利用HEXO和Github,搭建属于自己的博客

hexo是一款基于Node.js的静态博客框架。

首先是需要的环境安装:

node.js 

git

github账号

以上环境的安装这里不做介绍,大家可以网上查找方法,很多的。

第一步,安装hexo,执行如下命令

npm install -g hexo
第二步,在硬盘上找一个地方新建一个文件夹保存博客的源码,然后cmd进入所新建的目录下,运行如下命令:

hexo init



第三步, 生成静态页面

hexo g

第四步,github设置,建立Repository,仓库名必须是你的用户.github.io【your_user_name.github.io】,这是一个固定写法,不要问我为什么,就是github规定的。

第五步,配置博客,找到博客文件夹下的_config.yml文件并修改如下:


  
  
deploy:
type: git
repo: https://github.com/TujiaWang/tujiawang.github.io.git
branch: master
注意要把相应的Tujiawang的地方改成你自己的就可以了。

第六步,启动本地服务

hexo server
启动后再浏览器输入 http://localhost:4000,就可以查看博客的样子了


第六步,安装工具并推送到github,命令如下:

npm install hexo-deployer-git --save
hexo deploy
依次运行上面两条命令即可

不出意外在浏览器中输入http://tujiawang.github.io/就行了,我的github的账户叫tujiawang,把这个改成你github的账户名就行了
到后面没写一篇文章的执行过程如下:

    hexo clean

    hexo g

    hexo deploy

最后告诉大家几个目录的说明:



源码目录,写文章就可以保存到这里


Hexo主题设置


安装主题,到hexo主题官网找到自己喜欢的主题地址然后克隆下来:

git clone https://github.com/litten/hexo-theme-Ada.git themes/Ada

启用主题

修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为Ada。

更新主题
cd themes/Ada
git pull
hexo g # 生成
hexo s # 启动本地web服务器

最后浏览即可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值