前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

手把手教你的保姆级创建网站一个属于个人博客的教程

#职场激励小故事#本篇整个过程完全免费,适合初学者。

第一步:准备工作

1. 注册 GitHub 账号

o 打开 GitHub 官网,点击右上角的 Sign up 注册一个新账号。

o 如果已有账号,直接登录即可。

2. 安装 Git

o 打开 Git 官网,下载并安装 Git。

o 安装完成后,打开终端(Windows 上是 Git Bash,macOS/Linux 上是 Terminal),运行以下命令检查是否安装成功:

【git --version】

如果显示版本号,说明安装成功。

3. 安装 Ruby 和 Jekyll(可选,用于本地预览)

o 如果你想要在本地预览博客,需要安装 Ruby 和 Jekyll。

o 打开 Ruby 官网,下载并安装 Ruby。

o 安装完成后,打开终端,运行以下命令安装 Jekyll:

【gem install jekyll bundler】

o 检查是否安装成功:

【jekyll -v】

第二步:创建 GitHub 仓库

1. 登录 GitHub,点击右上角的 + 按钮,选择 New repository。

2. 填写仓库信息:

o 仓库名:你的用户名.github.io(例如,如果你的用户名是 john,则仓库名为 john.github.io)。

o 描述:可选项,填写你的博客描述。

o 选择 Public(公开)。

o 勾选 Initialize this repository with a README。

3. 点击 Create repository 完成创建。

第三步:使用 Jekyll 创建博客模板

1. 打开终端,运行以下命令克隆你的仓库到本地:

【git clone https://github.com/你的用户名/你的用户名.github.io】

例如:

【git clone
https://github.com/john/john.github.io】

2. 进入仓库目录:

【cd 你的用户名.github.io】

3. 使用 Jekyll 创建博客模板:

【jekyll new .】

这会在当前目录生成一个博客模板。

4. 启动本地服务器(可选):

【bundle exec jekyll serve】

打开浏览器,访问 http://localhost:4000,即可在本地预览博客。

第四步:自定义博客

1. 修改配置文件:

o 打开 _config.yml 文件,修改博客的基本信息,例如:

title: 我的博客description: 这是我的个人博客email: 你的邮箱

2. 添加博文:

o 在 _posts 文件夹中,新建一个 Markdown 文件,例如 2023-10-01-welcome.md。

o 在文件中写入以下内容:

---title: 欢迎来到我的博客date: 2023-10-01---这是我的第一篇博文!

3. 修改主题(可选):

o 打开 Jekyll 主题网站,选择一个喜欢的主题。

o 按照主题的安装说明,替换 _config.yml 和模板文件。

第五步:发布博客

1. 提交代码:

o 在终端中运行以下命令,将修改提交到 GitHub:

【git add .git commit -m "初始化博客"git push origin main】

2. 开启 GitHub Pages:

o 打开 GitHub 仓库页面,点击 Settings。

o 在左侧菜单中找到 Pages。

o 在 Source 部分,选择 main 分支,点击 Save。

o 稍等几分钟,GitHub 会生成你的博客网站,并显示访问链接(例如 https://你的用户名.github.io)。

第六步:访问你的博客

1. 打开浏览器,访问你的博客链接(例如 https://你的用户名.github.io)。

2. 你可以通过修改 _posts 中的 Markdown 文件来添加新博文,每次提交代码后,博客会自动更新。

第七步:进一步优化

1. 绑定自定义域名(可选):

o 如果你有自己的域名,可以在 GitHub Pages 设置中绑定。

o 在域名管理平台(如阿里云、GoDaddy)中,添加一条 CNAME 记录,指向 你的用户名.github.io。

o 在 GitHub Pages 设置中填写你的域名。

2. 使用评论功能:

o 使用 Disqus 为博客添加评论功能。

o 注册 Disqus 账号,获取代码,并添加到 _layouts/post.html 文件中。

3. 优化 SEO:

o 在 _config.yml 中添加关键词和描述。

o 使用 Google Search Console 提交你的博客,提高搜索引擎排名。

总结

通过以上步骤,你可以免费创建一个属于自己的博客网站,并使用 GitHub Pages 托管。整个过程简单易操作,适合初学者。如果你有任何问题,可以随时查阅 Jekyll 官方文档 或 GitHub Pages 文档。

祝你搭建顺利,早日拥有自己的博客!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言