新手搭建技术博客网站

最新推荐文章于 2024-04-26 11:28:30 发布

源码了解：hadluo

最新推荐文章于 2024-04-26 11:28:30 发布

阅读量214

点赞数

分类专栏：工具文章标签： mysql centos 数据库

本文链接：https://blog.csdn.net/LuoZheng4698729/article/details/120271534

版权

工具专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文可以让你了解到：

整个网站搭建到上线的流程。
搭建网站的成本。
网站域名，备案等细节。
搜索引擎如何可以搜到你的网站。

一. 我的博客网站展示

Java架构师修炼

网站内容还在完善中，下面是我的文章数据库：
在这里插入图片描述

都是我一篇一篇写的，写的过程中技术也得到了质的提升！！！！
这是我的网站一些备案的信息：

Google浏览器可以搜到我的文章：

在这里插入图片描述

二. 网站搭建成本

1) 时间成本（在我的指导下）：
网站搭建 2天
备案+审核 30天左右

2) 金钱成本：
服务器： 74元一年（腾讯云服务器首年）
域名： 65元一年（我买的就几块钱）
合计： 100左右

3) 人力成本
一人

三. 网站搭建步骤

网站搭建过程中遇到问题可以联系我： QQ： 657455400 WX：hadluo

1）明确你想要做什么网站？
比如你想做个个人空间，技术文章博客，宠物问题解读网站等等。。。我这里就举个技术博客的网站例子来做。

2）购买服务器
去腾讯云上购买一台服务器，记得是 2核4G
腾讯云地址

3）在服务器上安装mysql

CentOS安装MySQL详解

不会安装的可以联系我，我来帮你安装。 QQ： 657455400 WX：hadluo

4）静态HTML 页面选择
技术博客网站一定要简洁，我这里有三套模板：

黑白简约风格类型
网站首页
首页底部
文章详情

纯白风格类型
文章首页
文章详情
专栏页面

简单股票，新闻展示类型
在这里插入图片描述

看不上上面的也可以自己选择，如果看上了，请到下面网址购买，因为这个是有版权的：

源码市场

购买有问题，请联系我 QQ： 657455400 WX：hadluo

5）数据库表，数据创建
根据你自己的业务模型，我这里有个对应纯白风格类型网站模板的数据库sql：

CREATE TABLE `t_blog_item` (
  `id` int unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `title` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '' COMMENT '标题',
  `content` mediumtext CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci COMMENT '文章内容',
  `pv` int NOT NULL DEFAULT '0' COMMENT '观看人数',
  `category_id` int NOT NULL DEFAULT '0' COMMENT '类目id',
  `create_time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `privew` varchar(500) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT '' COMMENT '预览内容',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=262 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC COMMENT='技术文章表';

CREATE TABLE `t_blog_category` (
  `id` int unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '' COMMENT '名称',
  `cur_type` int NOT NULL DEFAULT '0' COMMENT '大类型 ，0-jdk',
  `sort` int NOT NULL DEFAULT '0' COMMENT '排序,越小越靠前',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC COMMENT='类目表';

CREATE TABLE `t_blog_subject` (
  `id` int unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `alias` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT '' COMMENT '名称别名，必须唯一',
  `name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '' COMMENT '专题名称',
  `item_id` int NOT NULL DEFAULT '0' COMMENT '文章id',
  `sort` int NOT NULL DEFAULT '0' COMMENT '排序,越小越靠前',
  PRIMARY KEY (`id`) USING BTREE,
  KEY `idx_alias` (`alias`) USING BTREE,
  KEY `idx_name` (`name`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC COMMENT='专题表';

CREATE TABLE `t_tags` (
  `id` int unsigned NOT NULL AUTO_INCREMENT COMMENT '自增主键',
  `name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '' COMMENT '标签名称',
  `item_id` int NOT NULL DEFAULT '0' COMMENT '文章id',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC COMMENT='标签关联文章表';

6）静态页面的生成
接下来是后端代码，这里很重要： 千万不能写成HTTP接口的方式来获取数据库数据来渲染到你的html页面上，因为搜索引擎会搜不到你的页面！！！！

我们要通过python或者java代码来查库数据，生成静态html页面，然后将页面上传到服务器，通过nginx 来作静态资源跳转。

比如我那个纯白风格类型网站模板的首页：

<!DOCTYPE html>
<html>
	${header}
	<body>
		<div id="container">
			${nav_top}
			<div class="outer">
				<!-- 左边个人面板-->
				${left_person_panel}
				${section}
				<aside id="sidebar">
					<style>
						.bg-danger {
							background-color: #38B7EA;
							padding: 15px;
							margin: 0px;
							box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
							border-radius: 12px;
						}

						.bg-danger2 {
							background-color: #dcc9d6;
							padding: 15px;
							margin: 0px;
							box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
							border-radius: 12px;
						}
					</style>
					<!-- 服务宗旨 -->
					${right_service}
					<!-- 专题文章-->
					${right_subject}
					<!-- 标签云-->
					${right_label_cloud}
					<!-- 最新文章-->
					${right_new_items}
					<!-- 链接 -->
					${right_links}
					<div id="toTop" class="fa fa-angle-up" style="display: none; left: 1467.28px;"></div>
				</aside>
			</div>
			${footer}
		</div>
	</body>
</html>

先把动态的数据通过占位符先占位，然后用脚本代码查库，进行替换得到html页面，然后上传到服务器。代码逻辑很简单，如果你实在不想写也可以：
我这里也有代码，联系我发给你。QQ： 657455400 WX：hadluo

7） nginx搭建和跳转配置

实战搭建 Nginx高可用集群（Keeplived 双机热备）

注意： 参照上面文章搭个单机的就行了！！！！！！

nginx.conf配置：

##nginx工作的线程数,auto根据本机cpu颗粒数自动适配.
worker_processes auto;
##一个nginx进程打开的最多文件描述符数目,与ulimit -n(系统每个进程可打开的文件数)的值保持一致.
worker_rlimit_nofile 65535;


##events模块中包含nginx中所有处理连接的设置.
events {
	##一个worker进程同时打开的最大连接数,由系统的可用socket连接数限制.
	worker_connections 51200;
	##当nginx接到新连接的请求时,会尽可能的接受更多的连接
	multi_accept on;
	##Linux2.6+,性能最好的多路IO复用客户端线程的轮询方法.
	use epoll;
}


http {
	##加载MIME类型
	include /usr/local/nginx/conf/mime.types;
	##设置文件使用的默认的MIME-type
	default_type text/html;
	##设置头文件中的默认的字符集
	charset UTF-8;
	##关闭错误页面nginx版本号显示,于安全有益.
	server_tokens off;
	##开启高效文件传输模式，sendfile指令指定nginx是否调用sendfile函数来输出文件，对于普通应用设为 on，
	##如果用来进行下载等应用磁盘IO重负载应用，可设置为off，以平衡磁盘与网络I/O处理速度，降低系统的负载。
	##注:如果图片显示不正常把这个改成off
	sendfile on;
	##当使用sendfile函数时,tcp_nopush才起作用,一个数据包里发送所有头文件,而不一个接一个的发送
	##它是Nagle算法的进一步增强,即阻塞数据包发送.
	##Tcp_nopush选项会让nginx尝试在一个packet内发送其HTTP响应,而不是分帧传送
	##对优化吞吐率很有用处
	tcp_nopush on;
	##禁用Nagle算法,益于大量数据的通信性能.
	tcp_nodelay on;
	##关闭日志,减少IO
#	access_log off;
#	log_format main '[$time_local] ' '$http_host ' '$request_uri ' '$status $upstream_addr $upstream_status ' '$upstream_response_time $request_time';
	log_format main '[$time_local] ' '$http_host ' '$request_uri $upstream_cache_status ' '$status $upstream_addr $upstream_status ' '$upstream_response_time $request_time';
	#access_log /var/log/nginx/access.log main;
	##设置错误日志路径和文件名
	error_log /usr/local/nginx/logs/error.log;
	##当被代理的后端服务器的响应状态码大于等于300时,将响应转发给nginx由error_page指令来处理.
	#proxy_intercept_errors on;
	##自定义错误页面
	#error_page 404 https://static.xxx.com/error/404.html;
	#error_page 500 502 503 504 https://static.xxx/error/soHot.html;

	#############################################################################
	##nginx采用gzip压缩的形式发送数据
	#############################################################################
	##采用gzip压缩的形式发送数据
	gzip on;
	##为指定的客户端禁用gzip功能
	gzip_disable "msie6";
	##压缩所有的请求
	gzip_proxied any;
	##设置对数据启用压缩的最少字节数,少于1k不压缩
	gzip_min_length 1k;
	##压缩级别
	gzip_comp_level 6;
	##设置需要压缩的数据格式
	gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript image/jpeg image/gif image/png image/jpg application/x-javascript image/svg+xml application/x-font-ttf application/vnd.ms-fontobject;
	##缓存最大数目，以及缓存的时间	
	open_file_cache max=100000 inactive=20s;
	##更新间隔时间	
	open_file_cache_valid 30s;
	##inactive参数时间内文件的最少使用次数,如果超过这个数字,缓存一直存在
	open_file_cache_min_uses 2;
	##搜索文件时是否缓存错误信息,再次给配置中添加文件
	open_file_cache_errors on;

        #tcp_nopush     on;

        #keepalive_timeout  0;
        keepalive_timeout  65;
	#limit_req_zone $binary_remote_addr zone=zull-limit:10m rate=2r/s;
    #gzip  on;
    

	#############################################################################
	###cache声明
	##############################################################################
	proxy_temp_path /opt/tmp;
	proxy_cache_path /opt/neicun levels=1:2 keys_zone=my_cache:20m inactive=30 max_size=2g;
	

	###限流规则
	#limit_req_zone $binary_remote_addr zone=mylimit:10m rate=10r/m;

	#upstream leige{
		# 检测间2500ms，连续1次检测健康，则将原剔除的upstream恢复，连续2次检测返回不健康，则会剔除对应的节点
		#check interval=2500 rise=1 fall=2 timeout=1000 type=http;
        	#check_http_send "GET /yunjiitemapp/_jagent/health/check HTTP/1.0\r\n\r\n";
		# 返回http状态码为 2xx 3xx 4xx 认为服务是健康的
		#check_http_expect_alive http_2xx http_3xx http_4xx;
		#server 127.0.0.1:8882 weight=10;
	#}

	server {

               #比起默认的80 使用了443 默认 是ssl方式  多出default之后的ssl
               listen 443 ssl;
               #开启  如果把ssl on；这行去掉，ssl写在443端口后面。这样http和https的链接都可以用
               #ssl on;
               #证书(公钥.发送到客户端的)
               ssl_certificate /usr/local/nginx/ssl/1_githubs.xyz_bundle.crt;
               #私钥
               ssl_certificate_key /usr/local/nginx/ssl/2_githubs.xyz.key;

		listen       80;
		server_name 121.4.189.227;
                #server_name  githubs.xyz;
		log_not_found off;
		access_log /usr/local/nginx/logs/access.log;
		#add_header Access-Control-Allow-Origin $corsHost;
		add_header Access-Control-Allow-Credentials true;
		add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
		add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";

		location / {
			alias  /usr/local/app/hadluo-h5/;
			index  index.html;
		}
               # 博客的图片
                location /img/blog {
                       alias /usr/local/images/blog/;
                       #autoindex on;
                }
                # 博客的 资源
                location /res/ext {
                       alias /usr/local/images/ext/;
                       #autoindex on;
                }
               # 博客的 api 接口提供
                location /api {
                   #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                   #proxy_set_header Host $http_host;
                   #proxy_set_header X-Forwarded-Proto https;
                   #proxy_redirect off;
                   proxy_connect_timeout      240;
                   proxy_send_timeout         240;
                   proxy_read_timeout         240;
                   # note, there is not SSL here! plain HTTP is used
                   proxy_pass http://127.0.0.1:9000/;
                }
		#location /qiqi {
		#	alias  /usr/local/app/study-app/;
		#	index  index.html;
			#limit_req zone=zull-limit burst=1 nodelay;
		#}
		#location /qiqi/phone {
		#	alias  /usr/local/hadluo/qiqi/qiqi-phone/;
		#	index  index.html;
		#}
		#location /{
			#limit_req zone=mylimit;
		#	alias /usr/local/app/hadluo-app/blog/hadluo-blog-app/;
		#	index index.html;
		#}
	}

}

配置有问题请联系我 QQ： 657455400 WX：hadluo

*到此，技术工作部分已经搞完~~~~~*

四. 网站域名购买与备案

到下面网址，输入你想的域名，然后购买，不要买贵的哦，没必要！

域名注册_免费智能DNS_域名交易_域名购买申请
在这里插入图片描述

添加域名解析

域名解析
在这里插入图片描述
域名解析成功后，网站等会还是不能访问的，需要备案。

网址备案
备案分为两步

腾讯云备案（1天）
公安备案（十几天，根据自己所在地公务员办事效率而定）

腾讯云备案

网站备案
在这里插入图片描述
先新增主体，然后在主体下面新增网站

期间按提示操作就可以了，需要填大量的信息。之后电话保持畅通，等待腾讯云同志打电话给你，会提示网站内容和你填的信息符不符合，符合就通过，不符合就整改。
腾讯云备案通过后，会发短信给你叫你到公安备案，也是填一些信息。最后等待审核通过，叫你去签下网站什么协议书就行了。

有问题随时联系我 QQ： 657455400 WX：hadluo

源码了解：hadluo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
新手搭建技术博客网站

本文可以让你了解到：整个网站搭建到上线的流程。搭建网站的成本。网站域名，备案等细节。搜索引擎如何可以搜到你的网站。一. 我的博客网站展示Java架构师修炼网站内容还在完善中，下面是我的文章数据库：都是我一篇一篇写的，写的过程中技术也得到了质的提升！！！！这是我的网站一些备案的信息：Google浏览器可以搜到我的文章：二. 网站搭建成本1) 时间成本（在我的指导下）：网站搭建 2天备案+审核 30天左右2) 金钱成本：服务器： 74元一年（腾讯云服务器首年）域名：
复制链接

扫一扫