教你如何搭建前端技术博客
作者:蓝马鸡
前言
随着前端技术的发展和迭代,目前市场对前端的技术要求也越来越高。 所以学到的技术需要沉淀,总结成文章有助于技术提升和技术共享。所以可以搭建一个技术博客沉淀自己的知识用。 大家不要担心搭建博客有多复杂,都有现成的工具非常简单,善于折腾的同学都可以搞定。
一、选购域名
首先搭建网站的第一步骤就是选购域名。
-
1、域名尽量与技术相关
既然是搭建前端网站那域名肯定和前端相关啊。如HTML CSS JS Vue React ...等等很多,可以随便选择一个即可。这样可以让用户更好的记住您的网站。切记尽量不要用自己的名字作为网站域名。这样不利于SEO。
-
2、域名选购的平台推荐
选购域名可以去阿里云或者腾讯云购买毕竟是大厂比较有保障
-
3、选购域名价格
在自己可承受范围内即可
-
4、网站备案
如果域名不备案网站是访问不了的,备案的流程根据购买域名的平台提示备案即可。
-
5、申请SSL证书
为什么要申请SSL证书呢,那肯定让网站变的更安全啊,也就是让网站变成https的形式。https简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL 。一来保证数据传输的安全;再就是确认网站的真实性。 一般申请购买免费的DV证书即可 申请ssl证书方法传送门
二、选购服务器
-
1、服务器配置
1核2G5M对于前端技术博客放几篇文章是完全够用的,如果到后期配置不够可以在加。
-
2、价格方面
腾讯云也会时不时的推送优惠福利,可以选择有福利的时候购买。非常划算。购买服务器就不做过多的介绍了。按自己的需求购买即可。
三、安装宝塔面板
-
1、登陆服务器
以腾讯云为例找到服务器页面点击登陆即可看到命令行页面
-
2、输入宝塔面板安装命令
Centos安装脚本:
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.shUbuntu/Deepin安装脚本:
wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.shDebian安装脚本:
wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && bash install.shFedora安装脚本:
wget -O install.sh http://download.bt.cn/install/install.sh && bash install.sh宝塔Windows面板安装
云服务器Windows操作系统安装宝塔面板,不用需要执行命令,下载Windows版宝塔面板正常安装即可。 官方下载地址:http://download.bt.cn/win/panel/BtSoft.zip 复制Windows宝塔下载地址在浏览器地址栏中打开,然后正常安装即可。
前两者偏多。根据操作系统输入不同的安装命令,然后回车
此间不需要任何操作。
-
3、宝塔面板安装成功
安装成功即可看到以下页面、保存好账号及密码。之后会用的到。
-
4、安装LNMP网站环境
用第三步骤保存的宝塔面板的地址和账号密码,登陆后台即可看到下面页面。我们选择LNMP即可。
为什么选择LNMP? 主要归功于Nignx服务器的功能强大和性能出色,还能节省服务器内存开销。
LNMP网站环境是Linux+Nginx+Mysql+PHP的组合搭配网站程序环境,用来快速搭建各种开源的网站程序、WordPress、帝国CMS、织梦、Zblog,这次博客我们用wordpress搭建技术博客。
等待几分钟安装完成即可
四、安装wordpress
-
1、一键安装wordpres
找到宝塔面板的软件商店菜单、找到一键部署、然后点击一键部署
- 2、填写安装wordpres配置项点击提交即可
- 3、提交完记录好账号和密码之后会用的到
五、配置mysql
-
1、配置mysql
用第四步第三条保存的地址访问即可看到以下页面,按照配置选项配置完提交即可,当然如果嫌麻烦也可以按默认配置。
-
2、注意这里有坑
如果第一步没有配置成功,是由于安装wordpress的时候把mysql已经安装好了。再次配置的时候会报错,链接找不到。可以用这种方法解决。
登陆宝塔面找到网站,点击根目录
找到 wp-config-sample.php 文件下载到本地,把文件名修改成 wp-config.php 文件然后上传到根目录
最后从宝塔面板根目录双击 wp-config.php 文件对文件进行编辑、修改DB_NAME、DB_USER、DB_PASSWORD,在这里配置数据库的信息,数据库的账号密码在创建wordpress的时候提示的用户名、账号及密码。
配置完点击“访问站点”的地址进入即可看到配置网站的界面
六、配置填写网站信息
- 到这一步网站基本也建成功了
七、选择 wordpress 主题
wordpress非常强大、社区里面提供了非常多的主题、主题就可以理解为网站的模版,这里推荐几比较优秀的主题Justnews主题、Git主题、XIU主题,这些主题各有各的优点。点击链接可以自行观摩。
这里咱们以Justnews主题为例。
-
1、安装主题
进入wordpress后台点击 外观 主题,点击文件上传,把justnews主题压缩包上传安装即可。
-
2、配置主题
由于每个主题的配置都不相同、请按各主题的配置教程配置配置主题教程传送门
八、推荐图片设计工具
由于网站的很多内容都需要设计图片,这里推荐一个设计图片的网站。重要的是每天可以免费设计一张,免费免费免费!!! 免费的工具就是香。设计工具传送门
九、查看成果
十、文章小结
虽然文章介绍的比较简单实际操作起来坑非常多,有问题随时在评论区沟通。