博客
关于我
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.ini参数优化
查看>>
PHP引用(&)使用详解
查看>>
php引用及垃圾回收
查看>>
php当前时间的集中写法
查看>>
php循环比较数组中的值,如何从PHP数组中计算值并在foreach循环中仅显示一次值?...
查看>>
php微信 开发笔记,微信WebApp开发总结笔记
查看>>
php微信公众号开发access_token获取
查看>>
php微信公众号开发微信认证开发者
查看>>
php微信公众号开发用户基本信息
查看>>
php怎么将对象变成数组,php怎么将对象转换成数组
查看>>
RabbitMQ - 消息堆积问题的最佳解决方案?惰性队列
查看>>
php怎样比较两数大小,jquery如何判断两个数值的大小
查看>>
PHP性能监控 - 开启xhprof(一)
查看>>
PHP性能监控 - 怎么看xhprof报告(二)
查看>>
php截取字符串代码,PHP字符串截取_php
查看>>
php截取字符串,无乱码
查看>>
php手冊,php手冊之變量范圍
查看>>
PHP手机号码归属地查询API接口
查看>>
PHP执行耗时脚本实时输出内容
查看>>
PHP扩展安装
查看>>