wordpress搭建个人博客相关技术

5分钟搭建wordpress个人博客网站——宝塔部署,附赠主题和md插件

一、前言

自从买了服务器,小编已经马不停蹄的学了两天服务搭建的知识,问了很多大佬,快速搭建自己的博客网站。有四种方式,我在这里全部分享给大家。自己已经搭建好,欢迎大家过来看一下,给你提供个思路哈!
小编也是找了两天的主题,很好看!!如果对你有用,求一键三连呀!!!

成功样例 --->我的第一个wordpress网站 – 又一个WordPress站点

- wordpress
- hexo
- vuepress
- 手动自己写(github很多开源博客网站)

如果你宝塔还不会发布springboot+vue项目可以看一下这篇文章哦!
使用宝塔把springboot+vue项目部署到阿里云服务器上【傻瓜式部署,无坑系列】_奋斗小王的博客-CSDN博客

二、准备工作一台服务器宝塔面板wordpress项目安装包markdown插件Sakurairo主题

wordpress下载地址:#download-install


md格式写博客插件下载地址:


主题插件下载:

三、宝塔搭建wordpress环境

1. 新建站点


2. 重新设置域名和端口号


3. 访问网站看是否正常

4. 点击进入根目录


5. 把下载好的wordpress包上传到根目录


6. 解压后删除除了wordpress的所有文件,并把wordpress目录下的所有文件复制到和wordpress同级,并删除wordpress文件夹


7. 重新访问

三、安装wordpress

1. 填写数据库信息(与新建站点的数据库名字一致)


2. 下一步


3. 安装wordpress


4. 登录

四、 安装markdown插件

1. 初始界面


2. 安装Markdown编辑器


3. 启用插件


4. markdown插件使用

五、安装主题

1. 打开主题界面


2. 点击安装主题


3. 上传github上下载的主题


4. 启用主题


5. 重新访问域名加端口号

WordPress怎么建立博客?

WordPress是一个著重美学、易用性与网络标准的个人信息发布平台。WordPress仍作为付费的开源软件,但是其价值难以使用金钱来量度。

MediaWiki的图形设计师于性能之上不易手动、不易浏览;于外观之上迷人得体、风格甜美、色彩甜美。

采用WordPress可架设功能强大的网络信息发布平台,但是越来越余的是运用在个人化的博客。对于博客的应用,WordPress能让您省反而对于后台技术的担心,集中精力准备网站的内容。

WordPress 管理器把文章分成两种,一种便是一般的博文(Blog Post),另一种是静态页面(Static Page)。前者译本为文章,后者译本为页面。博文(亦便是左图)便是把于你博客之中发生的文章,你每天写,你的博客每天亦便改版,于你的博客首页发生的,通常均是你全新的博文。静态页面亦绝不会依照时间次序改版,可写一些相当比较稳定的内容,一般可看到的是”有关作者”,”联系作者”之类的信息。

文章与页面的撰写基本上是那样的,只是网页难一些选项。Wordpress 管理器搜索功能绝不会搜寻页面的内容,听听亦是,通常均是来搜索资料的,谁会关注你的个人信息呢?但是假如你的页面亦想多样一下,那麽你可透过插件,来构建搜索页面的功能。

现在我们便以此编写文章为例,来讲解 WordPress 的撰写功能。

这是 WordPress 编写文章的截图。现在我们便来详尽的讲解一下各个部分的功能:

最为下方填写文章标题。

上面接着是内容。这部分便是文章的主要内容。你可看见 WordPress 有两个编辑标签,一个是“可视化”,管理器是富有文本编辑器,有一个是“文本 ” html 编辑器。管理器的富有文本编辑器适宜绝不甚熟知 html 代码的网友编辑文章。按照下编辑器之中的按钮,你的文章便会排成一定的格式。这些按钮依序是:细体字,斜体字,删除线,列表,无序号的列表,下表项,增加缩进,减少缩进,右对于魏,下方对于魏,左对于魏,添加链接,中止连接,减少图片,发音检验,协助等。有一个转换埋藏表明高阶功能的按钮,浏览后有一些高阶编辑功能可供使用。

假如你绝不喜爱富有文本编辑器,亦可浏览“文本” 转入 html 编辑器,

Wordpress内容文本编辑状态

文章内容左侧,是一些适当的文章参数。最为下面是公布模块,包括留存草稿、演示、公布等操作按钮。接下来是分类目录模块,这里你可设立文章分类法。假如你已有分类项,间接选取可,没有见有关分类法可浏览上面的“添加全新分类目录”。每篇文章可选取多个分类法,这有点相似标签的功能了。分类目录上面是标签模块,标签可随便附上,留意使用英文逗号(,)分隔可,附上过的标签于输出第一个字符后会发生,间接单击可添加。

除左侧的一些文章参数,文章上面有一些其他选项可附上。

文章内容编辑框下面有一个添加媒体按钮,你可透过这里之上传图片,视频等文件,接着添加到你的文章之中。透过这里上载的文件,会手动留存到你的 WordPress 根目录 wp-content 下。

内容编辑框下面是摘要区。假如网页以此摘要形式表明你的文章,那麽这部分内容把遭表明出。这里可采用 html 代码。假如你绝不填写这部分,Wordpress 亦会读取文章的前一部分当作摘要表明出。

现在,整个 WordPress 的撰写文章的功能,我们便讲解完了。如果你一步步写糟糕文章,添完参数的时候,假如你期望察看一下文章的显示效果,那麽浏览“留存并且再次主编”按钮,于整个区域上面便可演示到你的文章刊登之后的某样了。假如相信文章也没主编糟糕,期望之后再次再次编辑,那麽浏览留存便会手动存为草稿。假如证实文章没问题,那便可浏览刊登按钮,来公布你这篇全新的博客文章了。

程序员如何快速搭建个人独立博客?

在自媒体时代,许多程序员都拥有自己的博客/个人网站,这类站点的建立可以帮助我们记录生活点滴,进行个人展示,也能帮助自己扩展社交圈子,做到以博识友。在不断写作的过程中,能逼自己进行脑力挖矿,让自己对未知世界了解得更多,开拓思维。

本文将从开始准备到搭建到后期维护具体讲述一下如何搭建一个自己的博客/个人网站。

思考博客受众

在搭建个人博客前,作为程序员的你需要思考搭建这个博客的目的是什么?想要记录自己的技术实践?想要分享一些 IT 相关的见闻和思考?而对于初入职场的小伙伴来说,拥有着一个丰富的个人博客可以让你的面试官对你刮目相看。如果没有明确的方向也没有关系,可以去参考一下你所喜欢的个人博客网站~

为什么需要一个独立的博客

目前已经有了很多非常成熟的博客托管平台,比如博客园,Wordpress.com,BlogSpot 之类的,那么为什么我们不使用这些平台而是选择自己建立一个博客站点呢?

本地 Markdown 管理文章文件,真正将自己的文章把握在自己手中,随意可以导出到任何的平台上没有广告,如果你不希望有的话有自己的域名,获得自己的互联网声望丰富的主题和界面可以供选择锻炼部署技巧

博客程序的选择

博客由一篇篇博文构成,每篇博文都有标题,内容,分类目录和 Tag 等属性,作为一个高度有结构的站点(因为每篇博文的样式,属性大致相同),我们一般通过一些成熟的 CMS 管理工具来进行管理,一般来说常用的有以下几类:

静态博客,一般是本地编写好 Markdown 文件,然后通过相关的程序渲染好 HTML 后直接将 HTML 发布到服务器上,代表有——Hugo 和 Hexo动态博客,一个运行在服务器上的博客程序,一般提供一个在线的编辑器供使用者在线编写,代表有——Wordpress 和 Ghost

静态博客和动态博客的区别非常明显:

静态博客的优点在于博客的编写和编辑都在本地进行,任何一个可以托管静态页面的地方都可以托管我们的博客,比如 GitHub。缺点就是需要在本地安装静态博客生成工具,且生成的站点的评论只能通过第三方的插件来进行。动态博客虽然提供了一个非常友好的后台,完全可以通过 Web 的操作来进行管理,缺点是需要有自己的服务器,且对于使用的博客程序需要有比较多的理解(比如安装 Wordpress 就需要手动配置 Nginx,PHP-FPM 等)。

本文以 Hexo 为例,讲解一下如何用最小的成本搭建一个有自己域名的博客站点(Hexo 生成页面,托管于 GitHub,使用自己的域名)。

域名的选择

这一步非必须,但是有一些小的知识需要大家了解:

百度不收录.github.io 结尾的站点,即如果直接使用 GitHub 托管的话,用户在百度上无法搜到自己站点上的内容;有 SSL(也就是网址前面的https://啦)比没有会在搜索引擎的排名中更加靠前;在内容相同的情况下,有着自己的域名更加利于搜索引擎的优化(SEO)。

所以如果有相关需求的话,建议购买自己的域名。

开始搭建

Hexo 的安装非常简单,在已经安装好 NodeJS 的情况下只需要通过:

npm install hexo-cli -g

即可安装 Hexo,然后我们创建一个目录用来存放自己的博客文件,进入目录后使用:

hexo init

即可完成博客的初始化,我们在本机运行后来看一下默认的效果,使用:

hexo s

然后就可以在 source/_posts/ 目录下创建文章了。

写文章主要有以下步骤:

写文章(hexo new post-title)渲染成 HTML 页面(hexo g)发布(hexo d)

比如我们创建一个名为 Hello LeetCode 的文章,那么可以在上述目录下创建一个文件,名为 hello-leetcode.md ,文件内容如下:

---title: Hello LeetCodedate: 2019-06-26 22:32:51tags:- LeetCode- LeetCode中国---# LeetCode全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!```python3print("LeetCode is awesome!")```

刷新页面,就可以看到这篇文章啦:

样式的美化

站点配置

如果我们需要对标题做一些修改的话只需要修改博客根目录下的 _config.yml 即可,部分文件内容如下:

title: LeetCode Blog # 这里写博客的标题subtitle: We are here! # 可以理解为博客的副标题description: The official LeetCode blog, by LeetCode, from LeetCodekeywords:author: LeetCode Content Creatorlanguage: zh-CNtimezone:# URL## If your site is put in a subdirectory, set url as '' and root as '/child/'url: : /permalink: :year/:month/:day/:title/permalink_defaults:

主题

在 Themes | Hexo 「链接」中有非常多的主题可以供选择:

安装方法非常简单,只需要将主题所在的 GitHub 仓库 clone 到自己的博客的 themes 目录下,并在 _config.yml 中修改以下字段为主题所在的文件夹名称即可:

theme: landscape

发布站点

终于到了要发布的时候啦,我希望和全世界的人分享我的博客,这里我们使用 GitHub 来托管我们的站点,首先创建一个 GitHub 仓库用来存放我们的博客,GitHub 的仓库名称为 <你的用户名>.github.io。

安装 Hexo 的 Git 发布(部署)模块:

npm install hexo-deployer-git --save

然后在 _config.yml中加入以下部分:

deploy: - type: git repo: git@github.com:<用户名>/<仓库名称>.git branch: master message: Blog Update name: <GitHub 用户名> email: <GitHub 邮件地址>

最后,开始发布~

hexo g # 渲染所有页面为 HTMLhexo d # 发布!

这个时候如果没有填写 Custom domain 的话, 你的站点地址将会是 <GitHub 用户名>.github.io ,如果有自己的域名且希望使用的话,别忘了在 source 目录下放一个名为 CNAME 的文件(对,没有任何后缀名),内容只有一行,就是自己的域名,将自己的域名做一个 CNAME 解析到 <GitHub 用户名>.github.io 地址即可。

博客的维护与更新

由于我们使用的是静态的博客,且有 GitHub 进行托管,所以博客在程序的维护方面就省了很多的事情,让我们可以更加专注于内容和样式上的细节。

样式

如果官网上任何一个样式都无法让你满意的话,可以考虑自建一个主题,或者从其他博客平台上移植一个主题过来,需要一些 HTML 的知识,如果不会的话,咱们先慢慢把内容做起来吧。

更新与内容

一个博客的灵魂在于博客的内容,对于程序员的博客来说其实有很多可以写的部分,比如:

技术的记录(类似日志,方便以后自己查询)想法(对于生活的感悟,结交更多的朋友)创作(作为一个自平台对于自己创作的发布)力扣题解(记录做题目时的想法思路)

ps:不会写题解的小伙伴可以参考一下 如何撰写社区题解 - 力扣(LeetCode) - 支持

?每当自己有想法时,都可以将自己的想法总结成文发布于博客上。一些萌新可能由于各类原因害怕写作,担心写不好。其实博客的编写是一个熟能生巧的过程,写得越多,对文字的把握就越好,也更加容易在书面上正确地表达自己的想法。无论从结交朋友,收割 Offer 还是其他方面都是百利而无一害的。

总结

如果理解清楚了思路的话,通过 Hexo 搭建博客并通过 GitHub 托管应该是一个最快的让自己博客上线的方式了(在网络不坑的情况下只需要 10 分钟 的样子),在这里我们进行一个小小的总结,如果需要搭建一个这样的博客需要什么,如果发现自己少了什么或者遇到了问题的话可以快速查一下:

安装 NodeJS安装 HexoHexo 生成初始站点(hexo init)GitHub 仓库准备修改 Hexo 默认站点的配置,并安装 Hexo Git 部署工具(可选)设置自己的域名解析

看完这篇文章,小伙伴们不妨动手操作起来吧~

本文作者:Nova Kwok

声明:本文归 “力扣” 版权所有,如需转载请联系。