博客
关于我
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
阅读量:580 次
发布时间:2019-03-11

本文共 1395 字,大约阅读时间需要 4 分钟。

使用GitHub Pages搭建个人博客

1. 注册GitHub账户

前往 GitHub 官网注册账户,记住用户名和邮箱,这些信息在后续操作中会频繁使用。

2. 选择博客模板

进入 GitHub Pages 的模板仓库 ,选择你喜欢的博客模板。以 Panxw’s blog 为例,点击右侧的 source 按钮进入仓库。

3. 克隆模板

clicked Fork 按钮复制仓库到你的账户,然后将模板克隆到本地环境中。你会得到一个 /(Panxw-s-blog) 文件夹,包含博客所有内容。

4. 配置域名

购买域名

通过第三方平台购买域名(如 GoDaddy)。例如,搜索并购买一个适合你博客的域名,例如 example.com

DNS 配置

登录 GoDaddy 账户,打开你刚购买的域名的 DNS 设置页面,将 DNS 记录指向 GitHub 的服务器地址(如 192.30.252.153192.30.252.154 )。

集成域名

将 CNAME 文件编辑为你的域名(例如 www.example.com ),然后将 _config.yml 中的 base_url 设定为你的域名。

5. 安装 Git 环境

Git for Windows 安装

下载并安装 Git ,打开 Git Bash,设置用户信息:

git config --global user.name "你的用户名"git config --global user.email "你的邮箱"

SSH 配置

生成 SSH 密钥:

ssh-keygen -t rsa -C "你的邮箱"

将公钥添加到 GitHub 账户。

6. 同步仓库

在本地仓库中同步内容,运行:

git clone https://github.com/yourusername/yourusername.github.io.gitcd yourusername.github.io

在 Git Bash 中输入上述命令,将远程仓库内容克隆到本地。

7. 本地实时预览

安装 Jekyll 环境:

gem install jekyllgem install jekyll-paginate

启动 Jekyll 服务:

jekyll serve

访问 http://localhost:4000 查看博客。

8. 编写内容

在本地仓库的 _posts 文件夹中创建新文章,使用 Markdown 格式编写内容,保存为 YYYY-MM-DD artikel.md 格式。

9. 下线提交

在 Git 中进行修改时,使用以下命令:

git add .git commit -m "描述修改"git push origin master

提交后, GitHub Pages 会自动更新。

10. 扩展功能

添加评论功能时,嵌入第三方 JavaScript代码。为了方便浏览,建议参考 DISCUSS 等服务提供条款。

11. 扩展阅读

如需进一步了解,可以参考:

  • [使用 GitHub Pages 和 Jekyll 快速搭建博客](https:// PlayingFingers.com/2016/03/26/build-a-blog/)
  • 《Pro Git》

通过以上步骤,你可以快速搭建并完善个人博客平台。如有疑问,可随时留言或查阅相关资料。

转载地址:http://pqktz.baihongyu.com/

你可能感兴趣的文章
php函数性能优化中应注意哪些问题?
查看>>
PHP函数操作数字和汉字互转(100以内)
查看>>
PHP函数方法
查看>>
PHP创建目录mkdir无写入权限的问题解决方案
查看>>
PHP删除指定目录下的所有文件和文件夹 | 删除指定文件
查看>>
php删除文件夹下面所有文件包括(删除文件夹)不删除文件夹
查看>>
React Collapse Pane 项目教程
查看>>
php判断ip黑名单程序代码
查看>>
php判断复选框是否被选中的方法
查看>>
PHP判断指定目录下是否存在文件
查看>>
php判断数组是否为空
查看>>
PHP判断数组是否有重复值、获取重复值
查看>>
springboot基于Web的社区留守儿童管理系统源码毕设+论文
查看>>
Springboot基于Redisson实现Redis分布式可重入锁【案例到源码分析】
查看>>
PHP利用正则表达式实现手机号码中间4位用星号(*)替换显示
查看>>
PHP加密与安全的最佳实践
查看>>
PHP加速器eaccelerator导致php-fpm进程卡死原因分析
查看>>
PHP区分 企业微信浏览器 | 普通微信浏览器 | 其他浏览器
查看>>
php原生代码怎么连表查询,PHP tp5中使用原生sql查询代码实例
查看>>
PHP去掉转义符
查看>>