使用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 博客。
- 先安装nodejs
- npm install hexo, 然后把hexo的目录放到PATH目录下。或者使用-g 安装到全局目录,但需要管理员权限
三、运行
- 创建blog项目,$hexo init blog
blog目录文件夹下就会出现 Hexo 的初始化文件,包括 themes、scaffolds、source 等文件夹
- 进入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。
四、写博客
- 新建文章 : $ hexo new "about"
创建的文章会出现在 source/_posts 文件夹下,是 MarkDown 格式。
更多信息参考:写作
然后正常使用markdown格式去写文章就好了。
2. 生成静态文件并更新到github上即可
$hexo clean$hexo generate$ hexo deploy
更多内容
- 如何更换博客主题
- 如何新增标签、分类、关于等页面
- 如何添加搜索功能?
- 如何添加留言板功能
- 本地运行和发布不一致问题解决
- 添加文章阅读量及网站访问信息