个人博客网站建设详细版

article/2025/11/10 16:49:00

前言:在讲个人博客,我要向机灵鹤大佬致以最高的敬意!感谢他提出的技术指导,本章我将以我犯的错误一步步讲述。

1. 购买服务器

我是在阿里购买的服务器,因为我是一名学生的原因我通过认证学生身份参加了阿里云高校计划,免费领取一台 2核 2G 的服务器(时长 2 周,到期后可以免费续 2 个月)网址如下高校学生免费算力 - 飞天加速计划 (aliyun.com) 

如果你不是学生可以通过阿里云直接购买新人特惠_云产品推荐_云服务器-阿里云 (aliyun.com)

 如果你是学生购买,地域只有俩种选择,而操作系统我们选择CentOS 7.6,不然在后面的宝塔安装会出错。

 2. 购买域名

如果想通过一个自己的网址来访问你的网站,那么你还需要购买一个域名。

万网-域名注册:https://wanwang.aliyun.com/domain

因为我是新人的原因我是以一元的方式购买了我的域名 ,为期1年! 

机灵鹤大佬在这里讲过如果不想备案的话,可以选择 香港国外 的服务器(这样可以直接通过网址访问),因为我是学生方式购买的我必须要备案,但是我可以通过域名的方式访问我的网站。

域名注册好以后,需要解析到自己服务器上才可以使用。

在控制台界面,找到自己刚注册的域名,然后点 解析,进入 云解析 DNS 界面,点击添加记录。

然后设置好记录类型主机记录记录值 ,点击确定即可。

  • 记录类型是 A 的话,表示解析到一个 ip 地址。

  • 主机记录,是你自定义的一个字符串,如 www ,解析好以后就可以通过 www.你的域名.com 来访问了。

  • 记录值,就是你的服务器ip地址。

等待大概几分钟,解析记录就会生效。

在这里我又要讲一下如果你要宝塔一键建网,需要将一些必备的端口开放,不然防火墙会将你拦截后面会讲到的。

3. 网站备案

如果你使用的是中国大陆的服务器,那么需要进行实名制,网站备案之后,你的网站才能正常访问

在阿里云网站右上角,点击 ICP备案 可以进入网站备案页面。阿里云备案_个人域名备案申请_企业网站备案流程_服务-阿里云 (aliyun.com)

然后提交服务器厂商审核,过一两天左右,阿里云的客服会联系你,告诉你有哪些东西要修改,然后视频认证一下。

按照要求改好以后,阿里云那边会提交管局审核,等待15个工作日左右,审核通过就可以使用了。

备案成功后,需要在网站底部,按要求添加 备案号,否则不定期审查时被查到,可能会被取消备案。

 4. 安装宝塔面板

宝塔面板下载地址:https://www.bt.cn/download/linux.html

下载方式采用第二种,这里面的SSH密码是服务器的密码,如果没有设置的,可以回到阿里云从新设置。在这里我们就开放几个端口

 宝塔中的安装我们安装推荐安装

 安装以后,可以在面板设置中,设置 面板别名面板端口安全入口用户名密码 等信息,这样以后就可以通过自己设定的用户名密码来访问面板了。

 

要注意的是,如果更改了端口号,需要在服务器的安全组中开放对应的端口号,否则会访问失败。

5. 创建网站

接下来,点击左侧 网站 页签,点击 添加站点 ,开始创建网站。

 

填写创建网站的参数

  • 域名,填写前面自己购买并解析好的域名,如果没有的话,也可以直接填自己服务器的 IP(这样可以通过 IP 来直接访问网站)。

  • 根目录,网站创建的位置,可以保持默认。

  • FTP 和数据库,如果网站需要用到的话,可以在这里选择创建。这里我们选择创建 MySQL 数据库。

  • PHP 版本,根据网站的需要选择合适的 PHP 版本

填好以后,点击创建。

创建好以后,浏览器中输入域名,即可访问刚创建好的网站。

 进入网站根目录,我们可以把里面的文件删掉,替换成我们自己写好的网站文件。

6. 个人博客网站

通过前面的步骤,我们已经创建好了我们的第一个网站。

不过我们的目标是创建一个 个人博客 网站,所以接着往下看。

创建一个博客网站,其实目前有很多很成熟的框架,如 WordPressemlogTypecho 等等,这里我们以 Typecho 为例,创建一个属于自己的博客网站。

6.1 下载源码

打开 Typecho 官网,下载博客程序。

下载地址:http://typecho.org/download

 下载完成以后解压,然后上传至服务器中,我们创建好的网站的目录下。

上传完成后,目录结构长这样。 

 6.2 安装博客

在浏览器中输入网站的网址,会自动打开 Typecho 安装界面

 点击下一步,开始初始化配置。

数据库地址填 localhost

数据库端口填 3306 ,需要服务器安全组开放 3306 端口。

数据库名,用户名,密码,在创建网站的时候创建好的,可以在面板的 数据库 页签里查看到。

数据库前缀,可以使用默认前缀(不同网站共用同一个数据库时可以用来区分)。

管理员用户名,密码,和邮件地址,自行设置。

 点击确认,开始安装,安装成功。

再次在浏览器中输入我们的域名,会发现我们的博客网站已经创建好了。 

6.3 博客设置

在域名后面加 /admin 可以打开网站后台。

我们就可以设置网页了 

6.4 网站美化

如果想要自己的网站好看一些,可以去网上找一款自己喜欢的主题

Typecho主题模板站:https://typecho.me/

 

我是通过GitHub下载的,然后放在 服务器 /usr/themes 目录下

 plugins 是放插件的,theme 是放主题的

 AliceStyle 插件:https://racns.com/374.html

这是我最后制作的网页,大家可以来看一下

 因为我服务器是在国内,国内网站备案还没弄好,只能通过域名的方式来访问。网站如下:不知天文,不知地理

 7.结语

内容皆来自于机灵鹤的博客,笔者已经过鹤哥允许才发文,内容有部分修改主要来自我当时遇到的问题!版权归属机灵鹤。


http://chatgpt.dhexx.cn/article/JVNxFr0R.shtml

相关文章

HTML5+CSS大作业——清新春暖花开个人博客网站(6页)

HTML5CSS大作业——清新春暖花开个人博客网站(6页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄…

大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品

🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…

SpringBoot注解详解

一、简介 基于 SpringBoot 平台开发的项目数不胜数,与常规的基于Spring开发的项目最大的不同之处,SpringBoot 里面提供了大量的注解用于快速开发,而且非常简单,基本可以做到开箱即用! 那 SpringBoot 为开发者提供了多少注解呢?…

Spring常用注解详解大全(建议收藏)

SuppressWarnings(“deprecation”)**就表示我们忽略了deprecation这样的一个警告。 JDK注解作用总结: Override 表示当前方法覆盖了父类的方法 Deprecation 表示方法已经过时,方法上有横线,使用时会有警告。 SuppviseWarnings 表示关闭一些警告信息…

Spring注解开发详解

学习基于注解的 IOC 配置,大家脑海里首先得有一个认知,即注解配置和 xml 配置要实现的功能都是一样的,都是要降低程序间的耦合。只是配置的形式不一样。 关于实际的开发中到底使用xml还是注解,每家公司有着不同的使用习惯 , 所以这…

spring注解注入详解

1、Spring配置 <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http://www.springframework.org/schema/beans" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns:context"http://www.springframe…

Spring @Order注解详解

注解Order的作用是定义Spring容器加载Bean的顺序。 源码 Retention(RetentionPolicy.RUNTIME) Target({ElementType.TYPE, ElementType.METHOD, ElementType.FIELD}) Documented public interface Order {/*** The order value.* <p>Default is {link Ordered#LOWEST_PR…

Spring注解详解:@ComponentScan自动扫描组件使用

目录 无注解方式component-scan使用 注解方式ComponentScan使用 ComponentScan的扫描规则 无注解方式component-scan使用 之前&#xff0c;我们需要扫描工程下一些类上所标注的注解&#xff0c;这些常用注解有&#xff1a; Controller,Service,Component,Repository 通过在…

Spring注解详解

一、Spring注解驱动开发入门 spring在2.5版本引入了注解配置的支持&#xff0c;同时从Spring 3版本开始&#xff0c;Spring JavaConfig项目提供的许多特性成为核心Spring框架的一部分。因此&#xff0c;可以使用Java而不是XML文件来定义应用程序类外部的bean。在这里面官方文档…

Spring常用注解的详细介绍(包你学明白)

目录 1. 为什么要使用注解&#xff1f; 2. 什么是注解&#xff1f; 3. 在Spring中使用注解的前期准备 4. Component注解的详细介绍 5. Value注解的详解介绍 6. Autowired注解的详细介绍 7. Resource注解的详细介绍 8. 怎么选择基于xml还是基于注解的方式创建对象并赋值呢…

Spring中的注解详细介绍

注&#xff1a;标颜色的需要重点掌握 一、Spring原始注解&#xff1a; Spring原始注解主要代替<bean>标签的配置。 1. Component 说明&#xff1a;使用在类上用于实例化Bean 2. Repository 说明&#xff1a;使用在dao层类上用于实例化…

isnumeric_Python字符串isnumeric()

isnumeric Python String isnumeric() function returns True if all the characters in the string are numeric, otherwise False. If the string is empty, then this function returns False. 如果字符串中的所有字符均为数字&#xff0c;则Python String isnumeric&#x…

isdigit isdecimal isnumeric 区别

一、代码测试 num "1" #unicode num.isdigit() # True num.isdecimal() # True num.isnumeric() # Truenum "1" # 全角 num.isdigit() # True num.isdecimal() # True num.isnumeric() # Truenum b"1" # byte num.isdigit() # True n…

StringUtils.isNumeric使用

网上查"java 判断字符串为数字"阅资料&#xff0c;大部分资料都在讲字符串转为整数的情况&#xff0c;很少资料提及关于负数和小数的情况&#xff0c;最终决定采用StringUtils.isNumberic这个方法差别&#xff0c; 在测试导出时发现有报错&#xff0c;用debug模块一…

Java 字符串的数字校验:isNumeric,isNumericSpace和正则表达式,对比分析

导读 数字类型的判断是项目里常见的场景&#xff0c;相比一大串的非空&#xff0c;instanceof 以及大于小于0的判断&#xff0c;我更倾向于使用工具类 StringUtils 或者 正则表达式 来实现功能&#xff0c;追求代码的简洁和高效。 你可能需要的博客&#xff1a; 正则表达式预编…

StringUtils.isNumeric(str)

在项目中遇到一处bug&#xff0c;调试的结果竟然是StringUtils.isNumeric(String str) 在捣鬼&#xff08;采用的是org.apache.commons.lang.StringUtils&#xff09;&#xff0c;下面的代码是判断一个参数非空&#xff0c;且为整数&#xff1a; if(StringUtils.isNumeric(str)…

第六十七章 SQL函数 ISNUMERIC

文章目录 第六十七章 SQL函数 ISNUMERIC大纲参数描述示例 第六十七章 SQL函数 ISNUMERIC 测试有效数字的数值函数。 大纲 ISNUMERIC(check-expression)参数 check-expression - 要计算的表达式。 ISNUMERIC返回SMALLINT数据类型。 描述 ISNUMERIC计算check-expression并…

isnumeric( )函数用法

isnumeric( )还是一个很实用的函数&#xff0c;在算法题目里面应该会有比较大的作用。 检测字符串是否只由数字组成&#xff0c;如果字符串中只包括数字&#xff0c;就返回Ture&#xff0c;否则返回False。 华为的一道算法题&#xff1a; 读入一个字符串str&#xff0c;输出字…

MAE:视觉自监督2021(原理+代码)

文章目录 前言一、MAE原理遮住95%的像素后&#xff0c;仍能还原出物体的轮廓&#xff0c;效果如图&#xff1a; 二、MAE测试代码1.models_mae.py1.1 self.forward_encoder1.2 self.forward_decoder1.3 loss self.forward_loss(imgs, pred, mask) 2.run_one_image 三、MAE升级版…

​一文看尽MAE最新进展!恺明的MAE已经提出大半年,目前发展如何?

©PaperWeekly 原创 作者 | Jason研究方向 | 计算机视觉 写在前面 自去年 11 月份恺明大神提出 MAE 来&#xff0c;大家都被 MAE 简单的实现、极高的效率和惊艳的性能所吸引。近几个月&#xff0c;大家也纷纷 follow 恺明的工作&#xff0c;在 MAE 进行改进&#xff08;如…