如何免费托管 Jekyll 静态博客?无需购买服务器,无需技术,小白也能快速上手!
Jekyll + Surge.sh,让你轻松打造高效博客平台!
安装 Surge 项目
Surge.sh 是一款由 Node.js 平台发布的 JavaScript 引用程序。
使用Surge之前需要先在本地电脑上安装 Node.js。
- 然后通过 npm 进行 Surge 的安装。
倘若你尚未安装 Surge,首要任务就是输入以下命令进行安装 ▼
npm install -g surge
- 现在,你已经准备好快速上线 Jekyll 网站所需的全部工具。
建立全新的 Jekyll 站点
首先,找到你现有的 Jekyll 项目,或者通过终端创建一个新项目 ▼
# 在当前目录创建一个新的 Jekyll 站点
jekyll new ./
搭建 Jekyll 的具体方法,请点击下方链接,阅读我们精心准备的 Jekyll 下载安装教程▼
在搭建本地电脑搭建好Jekyll后,你可以通过以下指令在浏览器中访问它:bundle exec jekyll serve
bundle exec jekyll serve
# 服务器地址: http://localhost:4000/
# 服务器运行中... 按下 ctrl-c 可停止。
- 此时你已经成功运行了一个基本的静态网站。
- 默认情况下,Jekyll 项目在本地电脑运行,几乎可以进行部署服务器。
编译你的 Jekyll 网站
接下来,你可以将 Jekyll 网站编译为静态 HTML、CSS 和 JavaScript 文件。
bundle exec jekyll build
现在,你的源代码已经被编译为一个 _site/
目录。
每次运行 jekyll build
时,这些文件都会被重新编译——它们也是你希望发布到网络上的文件。
部署你的 Jekyll 站点
你可以使用以下命令将 _site/
目录发布到网络上 ▼
surge _site/
假如你尚未登录或注册,系统将提示你进行登录或注册。
接着,你将获得一个随机子域名。
你可以用你自己选择的内容来替换它,例如 example-jekyll.surge.sh
▼
surge _site/
email: [email protected]
project path: ~/Sites/jekyll-project/_site
domain: (random-suggestion.surge.sh) example-jekyll.surge.sh
按 Enter 键后,你应该会收到一条消息,确认你的网站已经成功上线 ▼
Success! Project is published and running at example-jekyll.surge.sh
- 干得漂亮,你的网站现在已经成功上线!
Surge在每次部署时默认会要求你输入域名。
若要跳过这一步骤,你可以在运行命令时直接将域名传递给Surge的CLI。
例如,如果你的子域名是vancouver.surge.sh
,你可以执行以下命令 ▼
surge _site/ --domain vancouver.surge.sh
- 如果是在Surge添加自定义域名,可将上方命令的子域名换成你的自定义域名。
如果想切换账号登录,需要登出Surge账号 ▼
surge logout
要是出现以下错误提示 ▼
Aborted - you do not have permission to publish to xxx. surge.sh
- 解决方法是更改Surge默认生成的子域名,因为此子域名已被占用。
- 可以在自动提供的 URL 前面,添加任何字母数字作为前缀即可。
免费套餐限制
- Surge.sh 提供免费套餐,每月允许 250 次部署和 1GB 的存储空间。
- 对于个人博客来说,这通常足够了。
- 如果你需要更多资源,可以升级到付费套餐。
注意事项
由于Surge官方提供的子域名,是强制在robots.txt文件里屏蔽搜索蜘蛛抓取的(不利于SEO),我们也无权限修改,所以不建议使用它。
我们推荐在Surge添加自定义域名,这样你的robots.txt文件是允许修改的。
🚀 想要了解如何将Jekyll部署到Surge.sh并添加自定义域名吗?
点击下方链接,继续阅读我们的指南,轻松搭建你的静态网站吧 ▼
希望陈沩亮博客( https://www.chenweiliang.com/ ) 分享的《Jekyll静态博客无服务器托管攻略:如何免费部署到Surge.sh?》,对您有帮助。
欢迎分享本文链接:https://www.chenweiliang.com/cwl-31655.html
喜欢就分享和按赞!您的分享和按赞,是我们持续的动力!