博客
关于我
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/

你可能感兴趣的文章
OpenVSwtich(OVS)Vlan间路由实战 附实验环境
查看>>
Openwrt LuCI模块练习详细步骤
查看>>
openwrt_git_pull命令提示merger冲突时如何解决?
查看>>
OpenWrt包管理软件opkg的使用(极路由)
查看>>
OpenWrt固件编译刷机完全总结
查看>>
Open××× for Linux搭建之二
查看>>
Open×××有线网络时使用正常,无线网络时使用报错的解决方案
查看>>
Opera Mobile Classic Emulator
查看>>
Operation not supported on read-only collection 的解决方法 - [Windows Phone开发技巧系列1]
查看>>
OperationResult
查看>>
Operations Manager 2007 R2系列之仪表板(多)视图
查看>>
operator new and delete
查看>>
operator new 与 operator delete
查看>>
operator() error
查看>>
OPPO K3在哪里打开USB调试模式的完美方法
查看>>
oppo后端16连问
查看>>
OPPO软件商店APP侵权投诉流程
查看>>
Optional用法与争议点
查看>>
Optional类:避免NullPointerException
查看>>
Optional讲解
查看>>