15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 使用github搭建自己的免费博客站点

使用github搭建自己的免费博客站点

时间:2023-08-06 15:54:01 | 来源:网站运营

时间:2023-08-06 15:54:01 来源:网站运营

使用github搭建自己的免费博客站点:欢迎访问我的站点: https://rchardzhu.github.io/

一、在github上创建一个代码库,名字为:http://xxx.github.io, xxx为你的github账号名

如我的代码库为:https://github.com/rchardzhu/rchardzhu.github.io

参考:Quickstart for GitHub Pages - GitHub Docs

二、安装nodejs和hexo

由于github只支持静态网页,需要使用hexo。hexo是基于nodejs打造的一个博客框架,用于快速创建项目、页面、编译、部署 Hexo 博客。

  1. 先安装nodejs
  2. npm install hexo, 然后把hexo的目录放到PATH目录下。或者使用-g 安装到全局目录,但需要管理员权限
三、运行

  1. 创建blog项目,$hexo init blog
    blog目录文件夹下就会出现 Hexo 的初始化文件,包括 themes、scaffolds、source 等文件夹
  2. 进入blog目录,生成静态文件:$ cd blog && hexo generate
    可以看到输出结果里面包含了 js、css、font 等内容,并发现它们都在项目根目录下的 public 文件夹下面了
3. 本地预览查看: $ hexo serve

可以看到一个默认的hello world页面。

4. 部署到github: $ hexo deploy

编辑_config.yml文件,编辑deploy部分,参考如下图片

在新创建的blog目录下安装hexo-deployer-git,命令如下: $npm install hexo-deployer-git --save

更多信息参考:部署

如果出现如下错误:"ERROR Deployer not found: git",表明hexo-deployer-git安装的目录不对,记住需要在新创建的目录下npm install。

四、写博客

  1. 新建文章 : $ hexo new "about"
创建的文章会出现在 source/_posts 文件夹下,是 MarkDown 格式。

更多信息参考:写作

然后正常使用markdown格式去写文章就好了。

2. 生成静态文件并更新到github上即可

$hexo clean$hexo generate$ hexo deploy

更多内容

关键词:免费,使用

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭