个人博客搭建

已于 2022-01-26 13:10:46 修改
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 博客 文章标签： 服务器 http https vue hexo
于 2022-01-09 16:10:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50566466/article/details/122394899
版权

准备

购买域名

购买域名

使用 万网 或 新网 中购买域名。
​

image.png

image.png

image.png

域名备案

创建模板，完成域名的认证备案。
image.png
​

域名解析

​ 域名解析，以阿里云的 云解析DNS 。在进入其中后点击新手引导，绑定所购买的 ESC 服务器，其中填写的为服务器的 公网IP地址。

image.png
​

绑定服务器

阿里云 ESC 服务器

第一步：进入阿里云
选择最新活动–> 选择特惠专区–>选择学生特惠点进去哦
​

第二步：进去之后，切换至云服务器esc
按照提示流程来要求登录，可以支付宝账号登录，建议支付宝未进行学生验证的，先进行验证，再登录，会比较方便。验证方式：打开支付宝，点击设置，账号管理，在读大学生验证进行验证新注册的账户要进行实名认证–>点击右上角的小头像–>点击进入账户管理–>找到实名认证点进去之后–>要进行支付宝认证，认证类型要选择个人哦。完成阿里云个人认证后还要进行学生认证，填写相应信息即可完成认证
​

第三步：完成学生认证之后返回到购买esc的界面，
选择Windows Server 2012 R2 数据中心版 64位中文版，选择想要的地区和购买时长。
点击自定义密码–>设置登录密码–>勾选服务条款–>去下单即可
​

第四步：点击控制台–>进入管理控制台界面–>点击云服务器ESC–>选择进入实例
​

第五步：点击实例名称–>进入详细信息–>找到公网ip–>复制此ip地址–>win10搜索远程连接，win7用windows+r输入mstsc（win10也可以哦）
​

第六步：进入远程桌面连接–>在计算机处输入刚刚复制的公网ip，用户名为administrator–>选择始终要求凭据–>点击连接之后输入密码即可（就是设置的登录密码哦）
​

以上部分引自于：https://blog.csdn.net/ruochen0216/article/details/82496331
​

获取服务器公网IP：实例中！！！
image.png

搭建个人博客

安装宝塔面板

连接云服务器

  1. 通过 win + R 打开 powershell

image.png
​

  1. 连接服务器–** ssh root@服务器公网IP**

    • 确认是否含有SSH工具 --> ssh -V 查看ssh工具版本号

image.png

  - 连接服务器

image.png

安装宝塔Linux控制面板

安装宝塔控制面板

宝塔官网：https://www.bt.cn/

Centos安装脚本：
yum install -y wget && wget -O install.sh [http://download.bt.cn/install/install_6.0.sh](http://download.bt.cn/install/install_6.0.sh) && sh install.sh

Ubuntu/Deepin安装脚本：
wget -O install.sh [http://download.bt.cn/install/install-ubuntu_6.0.sh](http://download.bt.cn/install/install-ubuntu_6.0.sh) && sudo bash install.sh

Debian安装脚本:：
wget -O install.sh [http://download.bt.cn/install/install-ubuntu_6.0.sh](http://download.bt.cn/install/install-ubuntu_6.0.sh) && bash install.sh

Fedora安装脚本：
wget -O install.sh [http://download.bt.cn/install/install_6.0.sh](http://download.bt.cn/install/install_6.0.sh) && bash install.sh

image.png

进入界面并登录
image.png

安装相关插件

image.png
image.png

注意，一定要配置服务器的安全组

配置服务器的安全组，开放相应的端口

在这里插入图片描述

在服务器中搭建WordPress

安装wordpress

通过宝塔面板一键部署wordpress

在这里插入图片描述

进行网站备案

若网站未备案，则会出现访问不了。
image.png

进入阿里云域名备案：https://beian.aliyun.com/?spm=5176.19720258.J_8058803260.33.77eb2c4aJKA9nW
​

image.png
​

通过上传已下载好的wordpress，进行搭建

添加域名站点

image.png
image.png
image.png

访问域名

image.png
​

上传下载好的wordpress

阿里云的ESC服务器，普遍都是Linux操作系统。
​

引用教程

使用服务器搭建博客，服务器太贵！！！

通过GitHub Pages搭建博客

github创建仓库

创建项目，项目名为 github用户名.github.io
image.png

git 克隆项目

image.png

vuepress搭建博客

可以通过安装vuepress主题快速搭建。
​

vuepress主题：https://vuepress-theme-reco.recoluan.com/
​

npm install @vuepress-reco/theme-cli -g

通过vuepress框架搭建博客，将其搭建好的项目上传到github上。
​

VUEPRESS

获取IP解析域名

  1. 通过 ping github用户名.github.io 指令 获取项目的IP地址

image.png

  1. 通过ping解析到的地址，是由bug的，因为地址IP会发生变化。

[giehub官网提供的教程](185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153)

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
  1. 根据获取的IP解析域名

image.png
image.png

  1. 使用上面的ip进行解析域名，在帮定github时会出现错误！！

image.png
image.png

GitHub Pages 绑定域名

image.png

进行访问

image.png

github 搭建博客访问速度太慢！！！

通过vercel 搭建博客

vercel 简介

vercel官网： https://vercel.com/dashboard
​

vercel 就是一个静态页面托管平台，与github pages，Gitee Pages相同，都可托管搭建个人博客，vercel 相较于以上托管平台，更有优势。github pages 托管用户访问时响应的速度太慢，gitee pages 没有更改域名。
​

关联github并导入项目

  1. 进入vercel官网，登录账号-可以关联github账号

image.png

  1. 导入github项目或者通过URL导入项目

image.png
​

部署项目并配置域名

image.png
image.png

image.png
image.png

访问博客

image.png

产生的问题

服务器过期

当服务器的协议信息过期时连接服务器可能会出现一下错误：
image.png
​

解决办法删除过期的协议缓存文件：ssh-keygen -R "你的远程服务器ip地址"
​

居無何
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
zrlog.war个人博客搭建
01-11
zrlog.war个人博客搭建 zrlog.war个人博客搭建 zrlog.war个人博客搭建 zrlog.war个人博客搭建
Vercel+Freenom 搭建博客
qq_61379847的博客
01-26 1263
购买域名 首先先进入 freenom 官网:Domain Checker - Freenom 进入了就是这个界面 为什么不能进中文版的呢？ 因为中文版的检查可用性就是个标签！ 之后输入您需要购买的域名比如: MrZeFr.ml 和 MrZeFr.tk 之后按下回车搜索！ 然后就是这个界面: 注意: 您输入您需要的域名之后一定要加上后缀比如: .ml 和.tk 然后点: Checkout 就进入了这个界面: 然后把这个 Period 改成: 12 Months @ FREE 意思就是.
Vercel部署个人博客
kuizuo12的博客
05-11 4952
vercel 部署静态资源网站极其方便简单，并且有可观的访问速度，最主要的是免费部署。 如果你还没有尝试的话，强烈建议去使用一下。 vercel 介绍 注册账号 进入Vercel官网，先去注册一个账号，建议注册一个Github账号后，使用GIthub账号来登录Vercel。 部署网站 进入 Dashboard 点击 New Project 这里可以从已有的 git repository 中导入，也可以选择一个模板。 这里登录我的 Github 账号选择仓库，然后点击 blog 仓库旁的 Impor.
8种方式用搭建个人博客
不安分的猿人的专栏
03-15 1780
最后，我对八种方式搭建博客进行了简单的归类：1.前端同学可以搭建的博客三种方式：Github + hexo matery ，VuePress +Gitee，ThinkJS + MySQL 搭建博客需要掌握Node.js，前两种方式本地写好markdown文件，项目打包的时候会按照文章内容，生成对应的文章页面。第三种方式会将文章内容保存到数据库，系统后台有发布文章的功能。第一种方式有丰富的插件和主题，可自由切换。第二种方式是 Vue 的一款基于文档型的博客，主题较少，支持自定义修改。
使用 Astro、MDX 和 Vercel 创建博客平台
jascl的博客
06-20 215
然后在此文件夹中创建文件，例如. 在 MDX 文件的顶部，您可以添加属性。由于在 Remix 和 Next.js（我之前在我的网站上使用的 2 个框架）中设置 Markdown/MDX 支持似乎相当困难，所以我选择在 dev.to 上写我的。在下一篇博客文章中，我将更深入地探讨我是如何在博客上添加一个评论系统的，以及如何使用 Prisma 和 Planetscale 对数据库进行分析。生成的代码如下所示（在我的。请注意，在示例中我使用的是不同域的 API 路由，这是因为我使用的包是根据我的博客文章的标题。
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
gally16的博客
02-12 1597
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
个人博客搭建代码
12-12
搭建个人博客的代码分享
Docker 入门之个人博客搭建教程
08-20
Docker 入门之个人博客搭建教程，一个简单的教程，就挂1分了，大家下载后评论
2018个人博客搭建代码
11-06
2018个人博客搭建代码
教如何搭建个人博客
01-16
帮助用户使用github pages快速搭建个人博客,过程简单清晰
如何使用 Vercel 部署自己的 Hexo 博客
qq_44960878的博客
07-05 1825
教程 - 将自己的 Blog 使用Velcel进行部署，告别Github Pages的卡顿
银河麒麟服务器系统xshell连接之后主动断开，报错socket error event：32 Error：10053问题分析
weixin_45754407的博客
05-23 336
银河麒麟服务器系统xshell连接之后主动断开，报错socket error event：32 Error：10053问题分析
【Xshell】Xshell 连接 Linux 服务器教程
我梦
05-20 449
【Xshell】Xshell 连接 Linux 服务器教程
电子阅览室在管理时需注意什么
05-20 331
关于如今的绝大多数人来说，想必都听说过“”这一概念。它首要运用在校园中，给学生们供给愈加丰厚的常识储藏。它也是一个独立的局域网，在校园网络中作为重要的一个组成部分而存在。但是，一个好的电子阅览室是需求满意运用便利、安稳牢靠、出资合理等几大准则的，并且它会跟着信息时代的开展而不断进步。
Linux：iptables防火墙部署优化之连接转移（目的地地址转化）
fox_kang的博客
05-21 317
【代码】Linux：iptables防火墙部署优化之连接转移（目的地地址转化）
新加坡多ip服务器在跨境电商中有哪些优势?
IDC_USA的博客
05-23 274
新加坡多IP服务器**在跨境外贸业务中具有明显的优势，适合需要高性能和网络稳定性的业务场景。Rak部落小编为您整理发布新加坡多ip服务器在跨境电商中有哪些优势?
服务器漏扫类攻击排查
weixin_68778384的博客
05-20 599
​​​ 1.使用如OpenVAS、Nessus、OWASP ZAP、Nikto、SQLMap等专业的漏洞扫描工具，对服务器进行深度扫描，发现可能存在的安全漏洞。在隔离服务器之后，需要立即备份服务器上的数据，以防数据丢失或进一步被篡改。同时，也要检查备份数据中是否隐藏着攻击源。一旦确认服务器被入侵，必须立即采取措施隔离服务器，以防止黑客进一步攻击和数据泄露。通过以上步骤，可以快捷地排查和应对服务器漏扫类攻击，确保服务器的安全和稳定运行。2.根据扫描结果，对漏洞进行修复或采取防护措施。
集成开发环境GoLand安装配置结合内网穿透实现ssh远程访问服务器
最新发布
檀越的博客
05-23 1366
本文主要介绍使用 GoLand 通过 SSH 远程连接服务器，并结合 cpolar 内网穿透工具实现远程编程开发。GoLand是由JetBrains推出的一款专为 Go 语言开发设计的集成开发环境（IDE）。它集成了多种高级功能，包括但不限于智能代码补全、代码分析和高级调试功能。可以帮助编写 Go 语言更加便捷，支持各种高级 IDE 功能和各种 Go 语言框架。接下来教大家如何配置 GoLand 并且远程公司服务器进行编程开发。
python个人博客搭建_Flask搭建个人博客
06-01
好的，我可以为你提供一些关于使用 Flask 搭建个人博客的指导。 首先，你需要安装 Flask。你可以使用 pip 命令来安装它： ``` pip install Flask ``` 接下来，你需要创建一个 Flask 应用程序。这可以通过创建一个 Python 文件并导入 Flask 来实现： ``` from flask import Flask app = Flask(__name__) @app.route('/') def index(): return 'Hello, World!' ``` 在这个例子中，我们创建了一个名为 `app` 的 Flask 应用程序，并定义了一个基本的路由 `/`，它返回一个简单的 "Hello, World!" 消息。 现在，你可以通过运行这个应用程序来启动你的 Flask 服务器： ``` if __name__ == '__main__': app.run() ``` 在浏览器中访问 `http://localhost:5000`，你应该可以看到 "Hello, World!" 消息。 接下来，你需要创建一个模板来呈现你的博客页面。Flask 使用 Jinja2 模板引擎，所以你需要安装 Jinja2： ``` pip install Jinja2 ``` 然后，你可以在你的 Flask 应用程序中定义一个模板： ``` from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') ``` 在这个例子中，我们定义了一个名为 `index.html` 的模板，并在路由函数中使用 `render_template` 函数呈现它。 现在，你可以创建一个名为 `templates` 的文件夹，并在其中创建一个名为 `index.html` 的文件，用于定义你的博客页面。 你可以在 `index.html` 文件中定义 HTML 和 Jinja2 模板标记，以呈现你的博客页面。例如： ``` <!DOCTYPE html> <html> <head> <title>My Blog</title> </head> <body> <h1>Welcome to my blog!</h1> <ul> {% for post in posts %} <li><a href="{{ post.url }}">{{ post.title }}</a></li> {% endfor %} </ul> </body> </html> ``` 在这个例子中，我们定义了一个标题和一个带有博客文章的无序列表。我们使用 Jinja2 的 `for` 循环标记来遍历博客文章，并使用 `if` 条件语句来检查文章是否有一个 URL 和标题。 最后，你需要编写代码来从数据库或文件中获取博客文章，并将它们传递给模板。你可以使用 Flask 的 `render_template` 函数在路由函数中呈现模板，并将数据作为参数传递给它。例如： ``` from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): posts = get_posts() # 获取博客文章 return render_template('index.html', posts=posts) ``` 在这个例子中，我们使用 `get_posts` 函数从数据库或文件中获取博客文章，并将它们作为参数传递给 `render_template` 函数。 希望这些指导可以帮助你开始使用 Flask 搭建个人博客！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值