2022年10月

前提

这篇文章并不是关于搭建博客的详细教程，而是关于一些常见博客搭建方法的简要概述，不过其具体搭建方法B站都有视频，相关链接已放在各个方法下面

常见搭建博客方法

  1. Wordpress需要花钱购买域名和服务器，但是是动态网页，后期管理没有难度，参考我的网站 https://liveout.cn
  2. Hexo托管不花钱。但是访问速度慢，且是静态网页，后期发表文章等需要难度，参考 https://pgwind.github.io
  3. Typecho，这个我不太了解，可以看下官网：https://typecho.org/
  4. 专业的不多说，学计算机的应该都大概懂，参考 http://space.eyescode.top/

网页类型

静态网页

静态网页有以下特点：

  • 静态网页不能自动更新，若要对静态页面进行更新，就要重新编写 HTML 源文件，然后再上传。因此静态网页的制作和维护工作量相当大。

  • 静态网页的内容不随浏览用户、浏览时间等条件的变化而变化。无论何人、何时、何地浏览网页，它的内容都是一成不变的（不包括使用 JavaScript 实现的一些简单特效）。

  • 静态网页一经发布，无论浏览者浏览与否，它都是真实存在的一个文件，都对应一个 URL（文件在网上的地址）。

  • 用静态网页实现人机交互有相当大的局限性。由于不能动态生成页面，所以用静态网页来实现人机交互是很困难的，在功能上有很大限制。

     

动态网页

动态网页有以下特点：

  • 动态网页在服务器端运行，客户机上看到的只是它的返回结果，不可能看到它的源文件。而静态网页则只能通过服务器把网页文件原封不动地传给客户机，本身不进行任何处理。

  • 不同的人、不同时间、不同地点浏览同一个动态网页，根据代码处理结果不同，会返回不同的内容。

  • 动态网页只有经客户浏览时才会返回一个完整的网页，而其本身并不是一个独立存在于服务器的网页文件。

  • 与静态网页相比，动态网页更容易实现人机交互。与数据库相联系，能实现更为强大的功能。

  • 由动态网页构建的网站维护起来比由静态网页构建的网站容易，只需要更新调用的数据（如数据库内容）即可。

     

差别

静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。每个人看到的网页都一样

动态网页相对于静态网页来说，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。即每个人看到的页面都不一样

1. Wordpress

WordPress是一款能让您建立出色网站、博客或应用程序的开源软件。

用户可以通过服务器安装宝塔面板，然后通过宝塔面板在服务器里安装相关环境应用从而完成对博客的搭建。

推荐观看B站视频 https://www.bilibili.com/video/BV1Vg411w7os/?spm_id_from=333.337.search-card.all.click

博主自己录制教程：https://www.bilibili.com/video/BV1h24y1Q7Pb/

服务器

介绍

存放网站内容，展示在互联网上，具有公网ip

购买

阿里云，腾讯云，华为云，都有便宜的学生机

 

域名

介绍

由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点，人们设计出了域名，并通过网域名称系统（DNS，Domain Name System）来将域名和IP地址相互映射，使人更方便地访问互联网

域名解析到服务器，从而使他人可以通过域名访问服务器内容

购买

阿里云，腾讯云，华为云

宝塔面板

用来进行服务器的管理，一键安装相关依赖，可以给网站添加证书

2. Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页。

通过将网站内容托管到 github 完成网站搭建，本地需要安装 node.js 和 git 以及相关运行环境

教程文章 https://sunguoqi.com/posts/54163.html

推荐观看B站视频 https://www.bilibili.com/video/BV1mU4y1j72n/?spm_id_from=333.337.search-card.all.click

Mac用户推荐观看B站视频 https://www.bilibili.com/video/BV13v4y1c75G/?spm_id_from=333.337.search-card.all.click

 

Github

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。

 

Git

Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目

通过git 上传网站内容，托管到github

 

Node.js

 Node.js 是一个JavaScript 运行环境。javascript作为开发Web页面的脚本语言,可以开发网站后台

通过node.js安装hexo框架

3. Typecho

介绍

Typecho是由type和echo两个词合成的，来自于开发团队的头脑风暴。Typecho基于PHP5开发，支持多种数据库，是一款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻量级开源博客程序。选用Typecho，搭建独一无二个人网络日志发布平台，享受创作的快乐。

官网

Typecho Official Site

教程

知乎：30分钟搭建 Typecho 个人博客教程 - 知乎 (zhihu.com)

B站：无具体推荐

4. 专业

博客效果参考：瞳孔的个人空间 (eyescode.top)

前端

HTML

HTML(HyperText Markup Language),全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

CSS

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言

JavaScript

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数]式编程范式。

 

后端

 

--> 前提这篇文章并不是关于搭建博客的详细教程，而是关于一些常见博客搭建方法的简要概述，不过其具体搭建方法B站都有视频，相关链接已放在各个方法下面常见搭建博客方法Wordpress需要花钱购买域名和服务器，但是是动态网页，后期管理没有难度，参考我的网站 https://liveout.cnHexo托管不花钱。但是访问速度慢，且是静态网页，后期发表文章等需要难度，参考 https://pgwind....

缘由

一开始是因为兴趣使然，才搭建了一个个人博客，没想着会长远做下去。后来看着越来越多的文章，以及结识的博主变多，便打算一直运营下去。于是我开始对网站进行了优化，第一步便是将博客图片托管到其他平台，从而降低服务器负载。可惜找了几个教程，都不怎么样，于是便打算自己写一个。

二级域名(域名已备案)

  1. 从主域名那创建一个二级域名，具体操作看购买域名厂商的官方文档，注意，一定不要用主域名，否则待会无法绑定服务，因为主域名解析的主机记录已经用了www和@

  2. 创建好二级域名后，先跳转到创建服务，看完后再到这里，对二级域名其进行解析，添加一条记录 image-20221031175326201

    其中记录值在创建服务时会给到

创建服务

  1. 打开 [又拍云]: https://www.upyun.com/，创建一个个人账号
  2. 创建云存储服务

  1. 创建授权操作员，其他的自己选择
  2. 进入配置，绑定之前创建的二级域名，并在域名管理对其进行解析，添加记录，记录值为CNAME后面的一串字
  3. 在右上角文件管理那添加文件，最好按照自己的需要进行文件夹创建与分类
  4. http 链接一般都打不开，建议给子域名添加SSL证书，变成 https, 又拍云有免费的证书

  1. 最后要使用图片，复制图片链接就行

--> 缘由一开始是因为兴趣使然，才搭建了一个个人博客，没想着会长远做下去。后来看着越来越多的文章，以及结识的博主变多，便打算一直运营下去。于是我开始对网站进行了优化，第一步便是将博客图片托管到其他平台，从而降低服务器负载。可惜找了几个教程，都不怎么样，于是便打算自己写一个。二级域名(域名已备案)从主域名那创建一个二级域名，具体操作看购买域名厂商的官方文档，注意，一定不要用主域名，否则待会无法绑定服...

报错详细信息

java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)

原因

数据库连接错误,用户或者密码错误，或代码错误，正常代码

jdbc.username=root
jdbc.password=123456
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://127.0.0.1:3306/blog?useUnicode=true&characterEncoding=UTF-8
//其中username为用户名，password为密码
//blog为数据库名称

 

 

--> 报错详细信息java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)原因数据库连接错误,用户或者密码错误，或代码错误，正常代码jdbc.username=rootjdbc.password=123456jdbc.driver=com.mysql.jdbc.Driverjdbc....

1.取消限制

修改 tomcat/tom-8.5/webapps/manager/context.xml文件

将以下代码注释掉

<Valve className="org.apache.catalina.valves.RemoteAddrValve"

         allow="127\.\d+\.\d+\.\d+|::1|0:0:0:0:0:0:0:1" />

 <!--  改为 -->

 <!--

    <Valve className="org.apache.catalina.valves.RemoteAddrValve"

         allow="127\.\d+\.\d+\.\d+|::1|0:0:0:0:0:0:0:1" />

    -->

 

2.添加用户和权限

在 tomcat/tom-8.5/conf/tomcat-users.xml 里添加以下代码

<role rolename="manager-gui"/>

<role rolename="admin-gui"/>

<user username="tomcat" password="s3cret" roles="admin-gui,manager-gui" />

 

3.打开管理页面网站

http://服务器ip/manager/html

tomcat

--> 1.取消限制修改 tomcat/tom-8.5/webapps/manager/context.xml文件将以下代码注释掉<Valve className="org.apache.catalina.valves.RemoteAddrValve" allow="127\.\d+\.\d+\.\d+|::1|0:0:0:0:0:0:0:1" /> <!-- ...

序

这篇文章是记录小E的博客起源以及大学故事的，文笔略显稚嫩，并且内容枯燥，还请多多担待?

开辟一片天地

缘起

大一下的某一天，小E 偶然了解到了起始页这个概念。对一切充满着好奇的他，打开了一个起始页——青柠起始页。(欢迎来到青柠起始页 (limestart.cn))。当小E 第一次使用时，便被这极简风吸引住了。

接着小E 前往b站，观看作者的介绍视频。看完视频的他，再次打开起始页，不经意间注意到底部的博客链接。在好奇心驱使下的小E ，按下了鼠标左键，一个新世界的大门就此向小E 敞开。搭建一个个人博客的念头也从心中升起

插曲

4-27——7-24，网站从购买域名和服务器到搭建成功一共花了88天(427到724，从头到尾，从尾到头)，跨度从大一到大二。

虽然小E 大部分时间并没有花费在这上面，但也算是费了一番精力。

从初次购买域名和服务器时的期待，到一无所知的迷茫。从第一次打开网站时的惊喜，到如何也制作不出好看的页面的烦躁。就在这接近放弃的时间段内，小E 靠着谷歌和b站完成了从有到无的搭建(虽然这也不算啥)。

初期的小E ，通过宝塔面板安装了各种依赖，但是也曾为了安装wordpress，奋斗到深夜(手动安装死活不成功?)。数据库，Apache,php,终端......一切对小E 来说都那么新奇，小E 知道，该去了解他们了。

懵懵懂懂的小E 从0开始，去学习那一切关于搭建网站的知识。

从只知道macOS和windows,到了解了各种Linux系统。从一个cd命令也看不懂的小白，到掌握基本的LinuxShell常用命令。从windows到ubuntu以及centos。但是，小E 死活也弄不出一个像样的页面。

? 后来，一个月黑风高的晚上，小E 偶然接触到网站主题这一概念，成功给他的网站装上了Argon主题，那一晚，小E 的网站终于有个人样了?

终了

小E 发现新大陆后，开始折腾起主题来了。

他不停的更换着各种主题，就像给自己买衣服一样，不厌其烦，却始终挑不到自己心仪的衣服。

此时的小E 开始想着，我为什么不能自己做一件衣服呢？他开始去了解如何编写一个网页，紧接着接触到了前端这个概念，但看到那HTML，CSS，JavaScript 三兄弟后，小E 知道，留给他的时间不多了。

再后来，小E 放弃了自己做衣服这件想法。

再起风云

续前缘

大二开学的小E，开始学习Java了。

他花了两个月的时间囫囵吞枣的看了一遍Java基础，然后从即将毕业的大四那收了JavaWeb开发和前端基础两本书，准备大干一番。

再后来，他被Tomcat部署项目难死了......无论他怎么做，访问服务器上部署在tomcat里的项目总是出现 HTTP状态 404 - 未找到 报错 ?。然而，本地tomcat却能跑起来并进行访问。除此之外，本地访问项目时，管理员以及其他页面再次报错 HTTP状态 500 - 内部服务器错误。

幸运的是，肝了三天后，问题终于解决了，博客项目可以网络访问了。

回头看看，小E 发现其实这些都是些不值一提的小问题。按目前的技术储备来说，距离手敲博客还差十万八千里...然而，蓝桥杯，六级以及课程的考核即将到来。

小E 很无奈，他需要放下这些东西一段时间，去为了绩点和奖学金奔波了?‍♂️

时代变了

疫情结束了，青春完结了。小E也想通了，学nm的java，当个pi全栈工程师，就这点实力，还是老老实实干嵌入式吧。?

小E同学的寒假，就在枯燥的算法题以及期末备考中度过。谁让返校后就期末考试呢，还是考数据结构和java，真是*。

当然，小E是文明人，他知道，胜利女神一定会照顾他，肯定不会挂科的。

--> 序这篇文章是记录小E的博客起源以及大学故事的，文笔略显稚嫩，并且内容枯燥，还请多多担待?开辟一片天地缘起大一下的某一天，小E 偶然了解到了起始页这个概念。对一切充满着好奇的他，打开了一个起始页——青柠起始页。(欢迎来到青柠起始页 (limestart.cn))。当小E 第一次使用时，便被这极简风吸引住了。接着小E 前往b站，观看作者的介绍视频。看完视频的他，再次打开起始页，不经意间注意到底部...
  1. 1
  2. 2
  3. 3