当前位置:首页 > 技术文章 > 正文内容

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

arlanguage2个月前 (03-17)技术文章29

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

第一步:准备工作

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 文档。

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

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/3369.html

分享给朋友:

“手把手教你的保姆级创建网站一个属于个人博客的教程” 的相关文章

三年前端还不会配置Nginx?刷完这篇就够了

一口气看完,比自学强十倍!什么是NginxNginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。它具有低内存消耗、高并发能力和良好的稳定性,因此在互联网领域非常受欢迎。为什么使用N...

Nginx 问题以及对应的解决方案

1. Nginx 无法启动当 Nginx 无法启动时,通常是由于以下几个原因导致的:配置文件有误。可以通过运行 nginx -t 命令检查配置文件是否存在语法错误。端口被占用。可以通过运行 netstat -tlnp 命令查看当前系统中占用该端口的进程,并将其停止或更改端口。缺少权限。Nginx 可...

Nginx配置七层负载均衡

Nginx 一般用于七层负载均衡,其吞吐量有一定限制。为了提升系统整体吞吐量,会在 DNS 与 Nginx 之间引入接入层,比如使用LVS(软负载均衡器)、F5(硬负载均衡器)做四层负载均衡。整体的请求流转如下图所示,即首先 DNS 解析到 LVS/F5,然后 LVS/F5 转发给 Nginx,再由...

nginx启动、重启、关闭

一、启动cd usr/local/nginx/sbin./nginx二、重启更改配置重启nginxkill -HUP 主进程号或进程号文件路径或者使用cd /usr/local/nginx/sbin./nginx -s reload 判断配置文件是否正确nginx -t -c /usr/local/...

【网络安全】关于PHP Study nginx解析高危漏洞的预警通报

网络安全近日,山石网科安全研究院监测发现PHPStudy Windows最新版本存在nginx解析漏洞,可以造成任意代码执行。一、漏洞情况phpStudy是一个PHP调试环境的程序集成包,该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装...

网页上出现503 Service Unavailable Error应该如何处理?

本头条号每天坚持更新原创干货技术文章,欢迎关注本头条号"Linux学习教程",公众号名称“Linux入门学习教程"。如需学习视频,请复制以下信息到手机浏览器或电脑浏览器上:zcwyou.com1. 前言在浏览网页时,最常见的错误之一是“503 Service Unavaila...