分类 Learn 下的文章

前言

下面的主题都是我在网络上搜寻到的,具体好不好用需要自己尝试。

如果有什么好的博客主题也可以像我投稿哦~(不限于Wordpress)

以下主题源码

链接:https://pan.baidu.com/s/1pxp_ag92KVeC2tKkm20Qrg?pwd=echo

提取码:echo


Wordpress

1. Argon

Argon

官网(作者):solstice23 – Blog

Github: solstice23/argon-theme: ? Argon - 一个轻盈、简洁的 WordPress 主题 (github.com)

使用文档:首页 - Argon Theme Docs (solstice23.top)

 

2. Sakura(iro)

作者:WordPress 主题 Sakura ? | 樱花庄的白猫 (2heng.xin)

官网: Sakurairo 主题周边网站

演示: 使用本主题的博客 | Sakurairo 主题周边网站

Github: Sakurairo 主题周边网站

 

3. Memory

官网(作者):WordPress响应式主题Memory (shawnzeng.com)

Github地址:ShawnZeng1996/Memory: A theme for wordpress. (github.com)

免费版教程:Memory免费版使用教程 (shawnzeng.com)

付费版教程:Memory付费版使用教程 (shawnzeng.com)

 

4. Kratos

官网(作者):二次元向 WP 主题: Kratos-pjax - 犬's Blog (moedog.org)

GIthub(原版): seatonjiang/kratos: ? WordPress theme that focus on reading experience (github.com)

Github(修改): https://github.com/xb2016/Kratos-pjax

 

5. boxmoe-dove(盒子萌)

官网(作者):盒子萌 - 一个基于内容分享,创作与灵感结合折腾的笔记博客 (boxmoe.com)

Github: baomihuahua/boxmoe-dove-: 盒子萌鸽子版 WordPress主题 (github.com)

文档: WordPress博客主题二次元风-lolimeow主题 - 盒子萌 (boxmoe.com)

B站教程:wordpress主题lolimeow大概多设置boxmoe也差不多这样设置哔哩哔哩bilibili

 

--> 前言下面的主题都是我在网络上搜寻到的,具体好不好用需要自己尝试。如果有什么好的博客主题也可以像我投稿哦~(不限于Wordpress)以下主题源码链接:https://pan.baidu.com/s/1pxp_ag92KVeC2tKkm20Qrg?pwd=echo提取码:echoWordpress1. Argon官网(作者):solstice23 – BlogGithub: solstice2...

前提

这篇文章并不是关于搭建博客的详细教程,而是关于一些常见博客搭建方法的简要概述,不过其具体搭建方法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" /> <!-- ...