如何利用github创建博客

分析原理

我们博客地址:https://joyrun.github.io
我们博客的托管地址:https://github.com/joyrun/joyrun.github.io

可以从托管地址看到,我们的博客其实就是一个静态的网站。其实github给每个用户和组织都提供了一个静态网页托管,地址就是[用户名/组织名].github.io。比如 https://joyrun.github.io

利用Hexo创建静态博客

网上有很多的开源框架可以用来创建静态博客,其中Hexo就是非常有名气的一个,被很多人使用,也有大量的主题可以选择。 https://hexo.io

安装hexo

安装前需要先安装npm包管理器

npm install hexo-cli -g

创建初始化项目

创建初始化项目有两种方式可以选择,第一种就是直接使用命令创建默认的项目,样式有点丑;第二种就是在github上面clone一个带有主题的项目 https://hexo.io/themes/。

       
       
hexo init <folder>
git clone https://github.com/Kaijun/hexo-theme-huxblog.git
cd <folder>
npm install
// 如果出现问题,可以试试 npm install hexo --save

就可以看到一个目录结构如下的项目

      
      
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

修改配置_config.xml

可以把博客名称改成自己的,还可以配置一些和博客相关的东西,还要把部署的地址改成我们github对象的仓库地址。

编译并发布
      
      
//清理缓存
hexo clean
// 生成静态的网站,可以在
hexo generate
// 发布
hexo deploy
// 在本地浏览
hexo server
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值