如何免费创建属于自己的博客?(step 2)

安装Hexo
在你常用的目录下新建一个文件夹,名字随意(英文)
打开vscode,打开新建的文件夹。
1 | npm install hexo-cli -g |
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
1 | $ hexo init <folder> |
初始化后,您的项目文件夹将如下所示:
1 | . |
文件说明:
_config.yml
网站的 配置 文件。 您可以在此配置大部分的参数。
package.json
应用程序的信息。 EJS, Stylus 和 Markdown 渲染引擎 已默认安装,您可以自由移除。 如果您想,可以稍后卸载它们。
1 | package.json |
scaffolds
模版 文件夹。 当您新建文章时,Hexo 会根据 scaffold 来创建文件。
source
资源文件夹。 是存放用户资源的地方。 除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。 Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
themes
主题 文件夹。 Hexo 会根据主题来生成静态页面。
配置
可根据官方配置文档设置。
Hexo配置文档主要配置
1 | `title` 网站标题 |
指令
建议都看一遍
上传到github
当你运行过
1 | hexo server |
后,就可以试试看把博客中的文件推送到新建的远程仓库了
在目录下运行
1 | git init |
初始化git
打开VScode中的源代码管理选项卡,就可以看到当前存储库的信息了。
选择当前存储库,点击右边的...展开选项,在弹出的菜单中选择远程->添加远程存储库,选择从github上添加仓库,选择新建的仓库。
或者在当前目录执行
1 | git remote add origin https://自己的仓库url地址 |
将当前仓库关联到github。
接下来就可以上传文件到github了。
使用vercel托管静态网站
打开 vercel官网。
vercel点击start deploying创建一个项目,导入git仓库选择github
登录github后,选择之前创建的存储库.
点击Deploy,等待部署完成即可。
部署完成后,就可以访问你的博客了。
当你以后更新文章时,只需要在本地编辑完成后上传到github,vercel就会自动编译项目并部署。
绑定你的域名
现在vercel.app 域名已经被各大搜索引擎屏蔽,无法被收录。
vercel.app 根域名已经被中国大陆防火长城屏蔽,中国国内无法访问,如果你的读者面向国内,不建议使用
可以绑定你购买的域名,用于国内访问。
Cloudflare登录Cloudflare,绑定你购买的域名。
将你购买的域名托管至CloudFlare上。(通常在域名提供商上修改DNS等)
现在转回到Vercel
点击编译好的项目,点击右上角的Domains绑定你的域名。
在输入框中输入你托管至Cloudeflare的域名。根据提示到cloudflare修改DNS.
互联网上很多教程,本文不再概述。
- 标题: 如何免费创建属于自己的博客?(step 2)
- 作者: Clevebitr
- 创建于 : 2024-09-09 18:21:00
- 更新于 : 2025-04-18 22:06:47
- 链接: https://blog.clevebitr.dpdns.org/2024/09/09/如何免费创建属于自己的博客?(step 2)/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。