如果你…看不懂html和css代码，也不懂的设计，但是想要搭建一个自己的博客。太好了！这篇文章就是为你准备的！wordpress作为目前世界上比较流行的一个搭建网站平台，提供了非常友好的界面，让大家不用会编程，东点点西点点，就能做一个属于自己的小网站！平台提供了免费的模板，有钱可以搭建很漂亮的博客，没钱也可以搭建基本功能齐全的博客~让我们一起来看看吧！

首先，让我来介绍一下网站的一些基本情况。网站如果我们把它看做一个房子的话，有两个重要的组成成分，房子本身+你的地址。你装修好了家是没有办法请朋友来玩的，还需要给你朋友你家的地址。这个房子就是主机服务提供商，这个地址就是你的网址。如果你想要拥有一个网站，一分钱都不投入，不太可能。你想想，你自己的网站里有那么多文字，图片，甚至还有视频，咱们这些东西如果不保存在本地，得找个地方托管呀~托管的话就会产生托管费，有些主机服务提供商愿意提供一些免费的空间，你也能找到一些免费的域名。但是免费托管的空间有限，免费的域名也会长得比较奇怪。

主机服务提供商有很多。wordpress本身也提供免费的空间和免费的地址！所以我们就用wordpress本身的主机服务吧~

搭建基本网站只要三步

我们可以开始啦！搭建网站一共分为三步。

①首先用需要一个邮箱，在网站https://wordpress.com/zh-cn/ 注册一个新账号。

啊当然，你可以用我的友情链接建立博客，这样你和我都可以得到25刀的credit~

https://wordpress.com/refer-a-friend/oEMv0rbhl6vjbeXR8Xjy/

②接下里你就需要选地址了，你可以输入自己喜欢的名字，比如我在下图输入了myblog，然后你会看到下面有一个免费的字样，wordpress.com提供了一个免费的地址，这个地址是myblog717780397.wordpress.com，免费的地址就是这样，因为很多人可能都想用同一个名字，那名字重复了怎么办呢就是会在后面加一长串数字做区分，所以长得很奇怪。如果你先要一个简约漂亮的地址，那么就要付费。但是不一定在这里购买，有很多其他的能够购买地址的网站，但基本上一个漂亮的网站名，每年要花费10刀上下。

如果你在别的地方买了域名，那么在这一步，你就在右侧选择【使用我自己的域】，这样的话就可以把你购买的地址安在你的博客上了。

③最后一步就是选择套餐。如果你资金有限，那么我们就从免费版开始！（如果想要把博客装修很美，那么就需要商务版，因为只有business plan才会包含插件功能…这个我们之后再说）套餐随时都可以升级，所以不要担心~

当我们点击【从免费站点开始】之后，你就会看到下面的界面，请大家点击开始构建，我们从这里直接选择现成的模板！（千万不要选成从头开始….那个不是给小白的，是给成熟的建设者使用的）

哈！接下来我们就能看到一坨主题列表~既然我们要搭建博客，那就选择左边的这个博客主题。然后你就可以看到好多美美的模板~

哇，我觉得geologist-cream这个模板还不错，我就选择它来建站吧，点击【使用geologist-cream开始咋打造站点】我们就立刻在自己的网站里应用了这个模板。

然后我们眼前就会出现一个这样的界面↓

请看左下角↑，这里有一个简单的欢迎小指南。不要跳过，点击 try it out！来观看这个非常易懂的说明。

我来简单再总结下这个小指引的内容。在wordpress里面，所有的部分都是模块化，这样可以非常方便大家来做自由的调整。一段文字，一个标题，都可以视作一个单独的模块，你想要把这个标题换一下位置，拖动这个标题模块，移走就行啦~

简单装扮你的网站

好了，我们有了一个基本的模板。现在就可以来做网站的基本设置了。

①起名字

给自己的主页起个名字吧。左上角可以直接输入网站名。比如我这个网站的名字就叫【小触手的试验站】，后面紧接着可以写一个副标题，当然你也可以不写。然后最前面有个小方块是上传logo的。这个图片呢最好是个透明背景的文件（比如PNG格式），有很多网站都提供免费的图标，这个我就不多解释了，大家随便整个就行。或者留空也不是不可以。

②打造网站基本结构

现在我们可以看到这个模板就只有一页。这一页里模板里有提供三个假日记。也就是说这是一个单页的网站，我们如果想要给自己的网站添加一些菜单呢？比如说我想要给自己的博客做三个分区

• 欢迎界面
• 我的日记
• 自我介绍

这就需要我们去仪表盘操作啦！

请点击左上角这个【W】的图标，会点开一个侧边踩点，我们可以看到上面有一个小按钮叫仪表盘。点击【仪表盘】，进入我们眼花缭乱的复杂控制台~

别怕！我们直接找到页面（page）选项，然后点击右边的小按钮，添加新页面。

哇！模板页面又一次弹出来啦！我们非常需要一个首页介绍，模板库里正好有。那么我们就选择【首页】，然后你可以在这里面浏览你觉得合适的页面作为首页。我看上了一个带作品集介绍的首页！点击

然后我们就可以在这个模板上做修改了。这些模块都是可以调整的，大家自己玩耍即可。

我把下面的模块都删除了，只保留了第一行。这个首页界面就做完了。在发布之前，请大家把右侧的这个固定连接小标题点开，我们要把里面的URL中文别名，改成英文，这里我改成了home，因为如果是中文的话，浏览器里会形成一坨很长的地址，不太利于我们分享自己的页面，所以改成简短的英文就很好，当然你不改也不会影响啥就是了。

改完页面地址后我们点击发布，一个新的首页就做好了！

接下来我们需要把这个新的页面，添加到导航栏里，并且要把这个页面设置成为我们的首页。这些操作需要我们重新退回仪表盘，然后在左侧的菜单中，往下看，有个外观（apperance）的选项，我们对网页外观进行更改，就是在这里的自定义模式下进行

在自定义里面，你可以更改菜单排序，网站logo，网站名等等各种设置。请记住这个修改的路径。当你以后需要添加新的页面或者是要对网站内容进行修改的时候，就要来这里。大家可以在这里都随便看看，东戳戳西戳戳熟悉一下

我们进入自定义之后，在左边的主页设置里，把刚才做好的静态页面设置为我们的主页。

然后我们可以就可以去搞目录了。

主页设置的上方就是菜单~我们直接点击菜单。新建一个菜单，随便起个名字。然后把我们仅有的两个网页添加进来。如下图。顺序是可以调整的，按住就可以移动。拍好顺序后，请大家点击保存。我们的基本网站结构就做好了。

现在我们做好了一个有两个页面的网站，第一个页面是首页。然后第二个页面是我们的日记合集。下面我们就可以写新日记了~

③写第一篇日记

回到仪表盘，我们在右上角点击【撰写】，会自动打开撰写新日记的界面。这个界面就非常简单。和豆瓣写日记或者是其他平台写日记的界面是类似的。有一个写标题的位置，然后你可以在里面填写内容，添加链接等等。

具体的功能请看下面的演示视频

（国内观看地址 https://www.ixigua.com/7074778650725319199?logTag=30f9df61b5ec308465eb）

在我们仪表盘的设置里面，我们有两个地方需要注意，在【讨论设置】里面，默认文章设置中，把【尝试通知文章中链接的博客】和【允许其他博客的链接和引用通告】关闭，否则别人复制了你的链接你就会不停收到邮件通知，即使是你自己引用也这样，烦得很。

另外一个就是下评论不要选择全部经人工批准，而是选择【评论者先前须有评论通过了审核】，也就是说，只审核大家的第一次留言，之后再留言，就可以自动显示了。这样可以很好的避免垃圾和不友善留言。

觉得很混乱，头大也米有关系。如果你觉得设置看起来太复杂了，那就先不要去理会他。因为当你遇到问题的时候，自然就会回来找设置啦！慢慢摸索就好。

④搭建日记分类目录

当我们写了很多日记之后，也做了一些分类。如果我们想让这些分类显示在导航栏。我们可以在外观的自定义模板中的【菜单】里进行修改，我们把分类的类别，直接拖拽过来，放在一级菜单下即可。

之后我们就能在页面中看到我们的博客下方，出现了一个小小的箭头，把鼠标放在上面就能看到我们的小目录了。

⑤给日记创建可以跳转的目录吧！

如果购买付费版本，会有更好的选择。免费版本的目录创建，wordpress本身提供了一个非常好用的HTML anchor，可以用这个实现~

我先来解释一下什么是锚点（anchor），我们都知道在文章里如果给文字加上网页超链接，就可以跳转到对应的网页，但是如果我们把这个超链接的位置，定位在文章内部，那么就可以实现文章内部的跳转了。

没错，如果我们想要建立一个可以跳转文章内部标题的目录，只要对标题设置上一个标记，然后我们把超链接连到这个标记上就行了。这个标记就是锚点（anchor）。而wordpress里面，标题会自动有可以填写锚点的位置，就在我们的日记右侧，设置（点齿轮⚙️标志）最下面的高级功能里。

请看下面的视频演示（国内小伙伴无法观看的，请看西瓜视频，点我跳转）

当然，这里视频显示的是教给大家特定内容跳转的方式！并不局限于目录本身。如果只是目录的话！worpdress里有一个现成的table功能就可以自动帮你做出目录

具体使用方法如下，当你在编辑日记的时候，会看到有一个添加区块的小标志，点击这个小加号

然后你会看到有一个下拉菜单弹出来。在这个搜索框里输入table，选择第二个选项（内容的表格）。你的日记里就会自动根据标题生成一个可以自动跳转的小目录。是不是很方便呢？

关于日记的其他功能。请看我的示范博客里的这篇文章
https://xiaoshushoudeshifan.wordpress.com/2022/03/14/mulu/

wordpress的更多功能，大家请自己多多探索吧~~~

免费博客和付费博客的区别

免费的博客模板选择比较少，如果不会自己写代码的话…模板并不好修改。只能在现有的功能下去做一些装饰。而且免费的博客模板很多功能是不提供的。下面是不同版本之间的区别，在仪表盘中也可以查看。

免费版就有点类似于【自求多福】型房子，没有任何社区服务功能，你也没有办法给房屋买保险。付费版本则提供了更多的功能和安全性。

有点闲钱？让我们来大肆装修吧！

如果有一定闲钱的话，就可以使用付费版本了！想要在不会代码的情况下把网站装修好看，很多功能需要使用wordpress的插件。而开启这个插件的最低条件是购买商业计划。当然我觉得一般人可能确实不需要商业计划，但是我真的没有办法忍受普通模板，而且我有非常想要实现的功能。不会代码的我要怎么办呢？自然是购买别人已经做的可以更改的更好的看的模版～用钱去换时间😓

总之有一个目前大家都觉得还不错的插件叫elementor，这个插件有免费版本，免费版本有很多实用的功能，收费版本elementor pro功能会更多一些。官网：https://elementor.com/

在它们的网站里，有提供非常棒的教程 https://elementor.com/academy/。只看官网教程就足够了（比如第一个教程就是建立一个博客）

官网教程是从安装开始，包括wordpress要怎么设置，然后从0教你如果去设置模版，如何做一些很棒的效果。当你想要添加一些教程里暂时没有讲到的内容的时候，在官网的搜索栏中，直接搜索关键词，就能找到相关文章介绍。

但是搜索的时候，你需要知道一些网站中常用的英文表达方式。比如我们如果想要做一个可以固定显示在电脑屏幕上的目录，但是我希望它能够在一定范围内随着人的视线移动。完全固定位置是fixed，而随着某种规则移动则是sticky。

而文章目录则是content（不是menu，不是index，是content），为啥不能用index，区别如下。

The content page is at the beginning of a book and lists out the chapters and subchapters of the book sequentially. The index is at the end of a book and lists out the different topics and keywords in the book alphabetically.

https://pediaa.com/difference-between-index-and-contents/

所以我需要搜sticky content，就能立刻找到相关教程。

=-=总之就是这样，如果不懂英文的话，可能在搜索教程上会有一定的难度。但是用谷歌总是能搜到解决方案的～即使英文单词拿不准，在搜的过程中也会看到正确的单词～我的网站就是用wordpress+elemntor pro制作的，还安装了很多额外的插件。

如果你想能读懂一些code

我们不是去学编程，我们只要读懂一些代码，知道标签是什么意思，就能很大程度上扩展我们的装饰风格。这里有一个免费的笔记可以查看。看完HTML和CSS部分就足够了，基本html和css就能读懂了~当你看到别人提供代码之后，你就知道要怎么去复制他们了。是的我们只要拿来主义就好哈哈哈哈。

https://btholt.github.io/intro-to-web-dev-v2/

↑这是我修过的一个INTRO TO WEB DEV的小课，但是我没上完，因为我只是需要看一下如何读标签（tags）罢了。这个是付费课程，但是老师把笔记全部公开了，方便没钱的朋友也能学到知识，其实我觉得这个笔记已经涵盖了课上讲过的一切内容，完全不需要听课，因为他上课也就是讲解笔记罢了。

常用插件

介绍一下我自己装修博客的时候，用到的一些插件。插件的安装方法很简单，在仪表盘列表里，有一个【插件】选项，在里面直接搜索，然后安装就可以了。

DX-auto-save-images

这个插件的功能是，复制图片的时候，自动添加到自己的网站的媒体库。因为有的时候我需要把我豆瓣日记搬运一下，但是因为豆瓣的图片是存在豆瓣上，如果豆瓣挂了，那么我的图片也没有办法正常显示了。所以需要这个插件，在你执行复制功能的时候，自动把图片给你传到自己的媒体库里。

Elementor 和Elementor Pro

要使用elementor pro功能，你需要安装基本的elementor插件。基础班免费，pro付费

Insert Headers and Footers

这个是可以方便你在网页架构里面添加一些别的代码（如果你不知道怎么修改你的网站代码的话）

Wp Maximum Upload File Size

这个是可以帮助你自动压缩上传的图片。在上传一些艺术图片做装饰的时候，我有时候懒得修改会直接上传原图，这个插件就自动会帮我把很大的原图缩小一下再用。其实就是PHOTOSHOP一个预处理的动作~

Comment Reply Email Notification

这个是可以允许别人收到你的回复的时候，接收邮件通知~（但我现在不用这个了，我用下面这个wpDiscuz）

wpDiscuz

你可以看我的博客的评论区，这种“装饰”就是这个免费插件带来的。非常方便~

MailPoet

可以让其他人订阅你的博客，免费的容量是1000个用户

Central Color Palette

强烈推荐这个插件，改变你网站默认的主题色板，对于俺这种很重视颜色效果的人很重要。

主题市场

最后一个不是插件，而是主题贩售市场 https://creativemarket.com/

在这里你可以买到现成的wordpress适用的网站模板，直接导入自己的网站就可以直接对上面的内容做修改，而且价格也很划算。建议先购买credit，会有一定的折扣。

还有一些wordpress自带的插件我就不介绍了，自带的插件是一开始就有的。比如帮你阻挡垃圾留言的Akismet Anti-Spam 等等

其他选择

如果你在加拿大，想要其他的傻瓜建站一体化服务，可以参考squarespace（有超级漂亮的设计/但不是免费的）和godaddy （这个是我本地朋友很多都选择的）这两个网站，都是装修+网站全包的。省心省力。

如果你想要现成的一些博客社区和替代豆瓣广播和日记功能，请参考下面的这个日记

长毛象(Mastodon) 和 Matters食用指南

大概就是这样。要说为什么需要建立一个属于自己的博客，我觉得至少对于我来说，我想有一个完全的属于自己的中文平台，我不想让我的文字被阉割，我的画被平台删除。同时我也希望拥有绝对的维护我自己博客氛围的能力（→我可以删选评论以及禁封不友好言论的IP）。我的精神家园由我自己创建就好啦(*^▽^*)