-
让品牌有温度、有情感
专注品牌策划15年
快速搭建一个自己的个人博客（快速搭建一个自己的个人博客平台）
发布时间：2023-03-24 11:40:56
稿源：
创意岭 阅读：
1067
问大家
大家好！今天让创意岭的小编来大家介绍下关于快速搭建一个自己的个人博客的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀企业，服务客户遍布全国，网络营销相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、如何使用Wordpress构建自己的个人博客
个人博客的搭建并不复杂，只是过程有点繁琐，主要有下面几个步骤：
新建一个博客文件
购买域名(Domain Name)
注册一个主机空间(Web Host)
域名解析(DNSPod)
安装WordPress
安装WordPress主题
设置固定链接
安装插件
图片存储
添加网站图标
完成这几个步骤之后，博客基本上就可以正常使用
二、如何在github上搭建个人博客
一、为什么在GitHub上托管个人博客
为什么在GitHub上托管博客，这个问题可以分两步来问：
首先，为什么 可以 在GitHub上托管博客？
GitHub是一个基于git的版本托管服务网站，上面聚集着几乎全世界的程序大牛，还有着大量的牛逼开源项目。而项目一旦成长壮大，一个简单的名称和一段描述很可能就无法满足作者与读者的需要。此时，GitHub Pages 就应运而生，它允许用户用更具描述性的自定义页面代替源码列表。同时，用户也可以利用其作为个人或组织主页，将 静态 网页托管其上。
那么，在有着WordPress等等大量的开源博客系统的情况下，为什么选择在GitHub上托管博客呢？
对程序猿来说无比亲切，光是看起来感觉就很牛逼的"Git驱动式博客开发与发布流程"。
超级容易，5分钟包学包会的发布方式。
静态页面，建立简单，几乎没有安全性隐患，当然这也是缺点之一，静态页面无法做到太过复杂的交互设计和网站结构。不过作为一个简单的个人博客，也不太会有这样的需求
免费而可靠
更加详细的内容可以参见这里 todo: Jekyll + GitHub Pages 的优点与缺点
话不多说，现在就来试试看。
<p id="002"></p>
二、10分钟快速搭建一个博客原型
首先确认：
拥有一个GitHub账号
已经安装 Git ，（在Windows下，个人推荐直接安装 GitExtensions ，有中文界面，并且集成了git + putty + kDiff ，比较省心一点啦）
1.建立一个项目
先在GitHub创建一个项目，名字随意，尽量全部小写字母，避免随后会碰到的URL冲突问题
本地运行Git，随意选个目录，将刚才创建的项目clone下来
<!-- lang: bash -->
cd /d/
git clone https://github.com/narcotics726/blogdemo.git
cd blogdemo
<br/>
<br/>
2.建立配置文件_config.yml
注意：之后建立的所有文档务必使用UTF-8 无 BOM 的编码保存
在项目的根目录下新建文件 _config.yml ，填写 baseurl: /blogdemo ， blogdemo是你的项目名称，这一行内容规定了整个网站的根路径，稍后会详细解释这样做的意义。
<br/>
<br/>
3.建立主页
在根目录下新建文件 index.html ， 内容像这样：
<!-- lang: html -->
---
title: Hello, My Blog
---
{{ page.title }}
先不用急着奇怪为什么一个html文件会出现"{}"这样的标签，这里使用的是 Liquid 模板语言 ，{{ page.title }} 表示“本页面的标题”，更详细的介绍我们以后再讲，不妨这样理解：
<!-- lang: python -->
#--- begin of page's head
title = "Hello, My Blog"
#--- end of page's head
print(page.title)
OK，那么博客主页设计完毕！（别吵...我答应过你要10分钟内搭建完成的...先弄个毛胚房意思意思，美化啊功能啊什么的晚点再说）
<br/>
<br/>
4.发布到GitHub
回到git bash, 检查一下 git status ，确认 _config.yml 与 index.html 无误后 add，commit，保持使用Git的良好习惯，记得添加提交描述
然后推送到GitHub，这里注意，因为我们使用的是GitHub Pages中的 Project Pages, GitHub仅会将分支 gh-pages 下的内容进行自动生成操作， 所以本地的 master 分支应推送到远端的 gh-pages 分支
<!-- lang: bash -->
git push origin master:gh-pages
稍微等待一下，最多10分钟（通常不用那么久啦），访问 yourname.github.com/blogdemo
，（其中 yourname
是你的GitHub帐户名，blogdemo则是你的项目名）就会看见你的博客主页（确实很丑...而且完全不像一个博客的样子，不过别急，慢慢来比较
快~）
另外，如果不幸发现你的中文页面出现了乱码的情况，别着急，还是该死的UTF-8问题，后面我们会一劳永逸的解决他的，暂时先手动调整一下浏览器的编码。
<br/>
<br/>
5.在_posts内撰写文章，并在首页加入文章列表
在这段时间里，我们继续为你的博客添砖加瓦，让他拥有最基本的文章阅读功能，另外不断F5页面的同时也可以关注一下自己在GitHub注册时所用的邮箱，如果之前推送的内容有误的话，GitHub将以邮件形式提醒你生成失败。
回到项目根目录， mkdir _posts 新建一个目录，看名字也知道啦，这里存放你所有的文章。
进入_posts目录，新建一篇文章。注意默认的文件名格式是 year-month-day-postTitle 这样。比如 2013-03-23-my_first_article.md，尽量避免空格或者其他乱七八糟的字符，这个文件名将作为URL的生成依据。文件名的格式可以通过修改 _config.yml 中的 permalink 属性而改变，默认值为 date ，也就是我们刚刚创建的文件的样子，具体的规则可以看这里，后面我们也会讲到。
如果你发现了我刚才创建的文件后缀名是 .md ，熟悉GitHub或者StackOverFlow的朋友应该知道Markdown 格式，推荐使用GitHub托管博客的原因之一也正是如此，我们可以在大部分时候避开恼人的HTML，转而使用更加直观的Markdown语法。如果不熟悉也没关系，可以参见这份Markdown 语法说明，应该说是相当易学，并且在熟悉之后非常易用的。
回到主题，打开刚才创建的文件，输入如下内容：
<!-- lang: html -->
---
title: 我的第一篇文章
---
# {{ page.title }}
## 目录
+ [第一部分](#partI)
+ [第二部分](#partII)
+ [第三部分](#partIII)
----------------------------------
## 第一部分 <p id="partI"></p>
这里是第一部分的内容
----------------------------------
## 第二部分 <p id="partII"></p>
这里是第二部分的内容
----------------------------------
## 第三部分 <p id="partIII"></p>
这里是第三部分的内容
{{ page.date|date_to_string }}
这段内容中使用了最常用的几种Markdown语法，比如使用 # ，## 表示 HTML 中的 <h1></h1> , <h4></h4>。使用[text](link)创建超链接，使用 连续多个 - 创建水平线（注意：不包括最上端包围title所使用的横线，那里表示一个页面的“头属性”），等等。更多详细的语法可以在之前提到的页面查询，这里不再赘述，总之，这是一种更加贴近真实写作的语法，推荐大家尝试。
啊对了，最后面的那个 {{ page.date|date_to_string }} 是指显示本页的日期属性，并且转换为可读的字符串形式。同样也是Liquid语法。
OK，那么第一篇文章也写好了，再把最新的repo推送到github，稍等片刻，就可以...等下，忘记给文章加上入口的链接了。
Sorry啦，重新打开我们的 index.html 文件，添加内容，变成下面这样：
<!-- lang: html -->
---
title: My Blog
---
{{ page.title }}
{% for post in site.posts %}
{{ post.date|date_to_string }} <a href='{{ site.baseurl }}{{ post.url }}'>{{ post.title }}</a>
{% endfor %}
唔...都是Liquid的内容，简单解释一下，Liquid标记最主要分为两种，一种是直接输出变量内容，像这样：
{{ page.title }}
另一种则是逻辑命令形式的，像这样：
{% for x in y %} ... {% endfor %}
而刚才写进主页的内容，就是遍历所有post文件，然后逐一显示在页面上，这里需要注意的一点就是在创建文章的超链接时，除了 post.url 之外，也要注意在前面加上site.url
，原因前面也有提到过，我们正在创建的是 Project Pages
类型的网站，其最终生成的网址根目录是：username.github.com/projectname，而 post.url
生成的超链接仅仅会自动加上 username.github.com/ 这样的前缀。
现在检查一下更改的所有内容，确认不要犯下愚蠢的错误，比如把 "." 打成 "。"或者单词拼错之类的，提交并推送！
当当！如果一切顺利，就能看到你的首页外加文章列表闪亮登场。
<br/>
<br/>
6.增加模板套装_layouts
文章进行到这里，或许开头承诺的10分钟已经超过不少了...很抱歉我欺骗了你，不过至少我们进展很快～接下来——如果你仍有兴趣的话，让我们为网站增加一些统一性的风格设置。
回到项目根目录，新建文件夹 _layouts，顾名思义，“布局”是也。在 _layouts 中新建一个最基本的布局文件，姑且命名为default.html好了：
<!-- lang: html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
</head>
<body>
{{ content }}
</body>
</html>
诺，首先解决了UTF-8的编码问题，随后指定了正文内容的位置，当然在这里只是一个最简单的内容，在body内仅有一个 {{ content }} 标签，你可以根据自己的喜好对页面进行任何改动，只要记得保留这个内容标签在你想要的位置就好。
然后我们修改index.html和刚写完的那篇文章，只要在头属性上加一句就好：
<!-- lang: html -->
---
title: xxoo
layout: default.html
---
我们当然还可以把这个结构变得更灵活一些，比如继续新增两个模板分别叫做l_post.html与
l_index.html，他们首先引用default.html，但在其基础上做出一定的修改。然后首页使用l_index模板，而所有的post文件
则使用l_post模板，等等等等，请随意发挥。但始终记得加上 {{ content }} 标签
再次推送到服务端，查看效果。
至少这一点我没骗你，要发布最新的更改实在是太简单了，只需要一次push而已。
那么，基本的项目结构如下：
.
|-- _config.yml
|-- _includes
|-- _layouts
| |-- default.html
| `-- post.html
|-- _posts
| |-- 2007-10-29-why-every-programmer-should-play-nethack.textile
| `-- 2009-04-26-barcamp-boston-4-roundup.textile
|-- _site
`-- index.html
这幅图来自于：Yes We Jekyll，原谅我的懒惰，我实在不擅长排版...
三、如何搭建属于自己的个人博客网站？
从很久以前就有粉丝问浪哥怎么搭建个人博客，怎么搭建一个个人博客网站呢，其实搭建一个博客还是挺简单的，一个网站的建立无非就是：域名-空间-程序这几样组成的，只要完成了这几点你就可以搭建一个网站哦！
域名注册
我们搭建自己的博客的时候是不是得有一个自己的网站的域名了，首先我们先确定好自己网站的域名，建议长度在6位数这类的，这样容易好记一些；想好域名后我们就去找一些域名注册公司注册就行了，需要注意的是后辍一定要选择主流类型：”com cn net org“这几种其中的一个或者多个。其余的都就不要选了。
空间购买
注册好域名后，我们就去买一个放网站程序的空间，可以是ASP的也可以是PHP的建议大家选择PHP的这样安全一些。前期我们的网站流量都不大所以买一个空间就行了。流量比较大的时候在换成服务器这类的。一般我们都是购买国内的空间，如果嫌麻烦不想备案就买香港的。
域名备案
在国内不管你做什么网站都得备案网站，建议大家备案一下。如果大家使用的是国外的服务器或者香港的服务器或空间。可以不用备案，国内的不备案也就不能够访问网站，这点我们得知道。
程序选择
我们搭建一个博客网站是不需要一个程序呢？那是肯定的。现在博客程序流行的有三种：“WordPress ZBlog Emlog ”,它们各有各的优点和缺点，大家喜欢哪一个选择好就行了。建议大家用ZBlog !
网站安装
选择好博客程序后。我们把下载下来的程序包上传到网站的根目录，然后把域名解析到空间上（*空间也要绑定域名），然后访问并且安装博客程序。安装完成后基本上就完成了，我们也只需要起一个比较好的网站名称设置好一些栏目。有能力的可以自己写一个博客主题，不会的话自己用免费的或者买一个。
我觉得搭建一个网站不难，重点是不好推广。所以大家得注重网站内容质量和推广！
四、如何搭建个人独立博客？
因为觉得Wordpress啥的模板一点都不好看，就纯手工敲了一个，总计花了一个多月时间，感觉用着还挺顺手。目前总共就花费了7美金在http://Name.com上买了个域名，其他全使用开源的资源，一分钱没花。空间使用了AWS一年的免费主机（真心是业界良心）。
博客架构：服务器：空间使用AWS一年免费的虚拟机，使用ubuntu14. 04+Nginx1.8+uWSGI来部署Django应用，从http://Name.com上购买域名，服务器配置：内存：613MB内存，基于Xen 32位或64位30GB月流量，其中15G上行流量， 15G下行流量主机空间10GB硬盘，1百万以下I/O读写可以免费使用一年，有Linux和Windows操作系统。网站框架：Django1.8。博客后台：修改Django自带的Admin系统，主要添加富文本编辑器用于编写博客，富文本编辑器选择百度的UEditor，其Django的集成版本可以在Github上找到。数据库：使用MySQL，主要便于同Django集成，另外Django Admin后台操作数据库非常方便。前端：框架和UI使用Bootstrap3，布局使用Bootstrap的网格布局，使用网格布局+Media Query来做响应式设计，以便支持不同尺寸的设备。使用 SyntaxHighlighter来对pre标签中的代码做代码高亮。图片存储：七牛云存储。由于虚拟机整个只有30G空间，图片上传相当不划算，于是寻找外部存储方案，最后发现七牛云存储可以做网站图片外链，每月免费10G流量，10万次免费请求，完全可以不花一分钱满足个人博客的需求。评论和分享：多说评论和分享插件。使用该插件，保证在不设计自己的账号系统，不使用自己的数据库的情况下能够进行文章的评论互动和分享。
站内搜索：百度站内搜索插件。版本控制：Git。使用Git来进行版本控制，项目托管在GitHub上，项目地址为hill1895/hill1895 · GitHub。优化：用Nginx来进行静态资源的压缩传输，设置缓存等，可以很大程度上提升网站访问速度。具体搭建过程可以参考博客中的文章，有编程基础的大概一个月就能搞定。
以上就是关于快速搭建一个自己的个人博客相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
