个人博客搭建

居無何 已于 2022-01-26 13:10:46 修改
阅读量1.5k 收藏 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
版权
博客 专栏收录该内容
11 篇文章 0 订阅
订阅专栏

准备

购买域名

购买域名

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

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地址"
​

zrlog.war个人博客搭建
01-11
zrlog.war个人博客搭建 zrlog.war个人博客搭建 zrlog.war个人博客搭建 zrlog.war个人博客搭建
探索下一代WordPress开发的神奇之门：Next.js WordPress Starter
最新发布
gitblog_00074的博客
05-15 229
探索下一代WordPress开发的神奇之门：Next.js WordPress Starter 项目地址:https://gitcode.com/colbyfayock/next-wordpress-starter 如果你在寻找一个能充分利用WordPress的强大功能并结合前沿Web开发技术的解决方案，那么你已经找到了宝库——Next.js WordPress Starter。这是一个精心构建的...
Vercel部署Typecho动态博客
乐特的博客
01-15 4233
免费部署Typecho博客系统、任何php都能程序都能运行包括wordpress、全都免费、无需服务器、免费二级域名、免费数据库、无需备案
从零开始搭建个人博客（保姆级教程）
weixin_56862703的博客
04-26 798
配置环境系统：Windowsgit版本：2.44.0node.js版本:20.12.2。
【经验】静态博客部署 Hexo + Netlify-CMS + Vercel （在线构建）
技术杂谈
09-14 2667
支持免本地环境，免敲命令，随处在线编辑的Hexo静态博客部署教程
Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR）
qq_43456781的博客
10-27 2083
Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR） 文章目录Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR）1. 部署静态站点构建应用本地测试应用GitHub PagesGitHub Pages 配合 Travis CIGitLab Pages 配合 GitLab CINetlifyG
【玩转 WordPress】— 史上最快速搭建 WordPress 教程
腾讯云 Serverless
07-06 691
以下内容来自「玩转腾讯云」用户原创文章，已获得授权。 01. 什么是 Serverless？ 在《Serverless Architectures》中对 Serverless 是这样子定义的： Serverless was first used to describe applications that significantly or fully incorporate third-party, cloud-hosted applications and services, to manage serv
猿创征文｜hexo博客访问速度优化：vercel+又拍云CDN
余白のblog
08-27 2228
vercel+又拍云嫖就完事了
个人博客搭建代码
12-12
搭建个人博客的代码分享
Docker 入门之个人博客搭建教程
08-20
Docker 入门之个人博客搭建教程，一个简单的教程，就挂1分了，大家下载后评论
2018个人博客搭建代码
11-06
2018个人博客搭建代码
people-blog:spring boot实现个人博客搭建（从零开始搭建）
05-14
博客网站地址： 注意 博客网站后台技术更新,采用springboot2.1.7+mybatis-plus，GitHub地址为: 俩个版本，供大家选择学习 建议查看最新版本 spring boot实现people博客 前言 正如你们所见，我就是这个简陋网站的维护...
实现vercel的反向代理和重定向
CS@zeny的博客
05-08 4489
使用vercel实现反向代理来解决不是https的请求问题
如何使用 Vercel 部署自己的 Hexo 博客
qq_44960878的博客
07-05 1865
教程 - 将自己的 Blog 使用Velcel进行部署，告别Github Pages的卡顿
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
gally16的博客
02-12 1609
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
快速上手 vercel，手把手教你白嫖部署上线你的个人项目
行星飞行的博客
07-03 2300
vercel 其实也分为开发环境，预览环境（测试环境）以及生产环境三个概念，在 vercel 团队版，你甚至能在预览环境直接进行评论（而且评论也能集成到 slack，挺符合目前我们的生态），比如 UI 觉得某些页面还原度不够他就能在预览环境进行评论，所以不同环境确实有本质上的区别以及作用。vercel dev： 这个命令用于启动本地的开发环境。它会模拟 Vercel 的云环境，让你可以在本地进行开发和测试。使用这个命令，你可以实时看到你的更改效果，而不需要将它们部署到预览或生产环境。vercel。
使用 Astro、MDX 和 Vercel 创建博客平台
jascl的博客
06-20 224
然后在此文件夹中创建文件，例如. 在 MDX 文件的顶部，您可以添加属性。由于在 Remix 和 Next.js（我之前在我的网站上使用的 2 个框架）中设置 Markdown/MDX 支持似乎相当困难，所以我选择在 dev.to 上写我的。在下一篇博客文章中，我将更深入地探讨我是如何在博客上添加一个评论系统的，以及如何使用 Prisma 和 Planetscale 对数据库进行分析。生成的代码如下所示（在我的。请注意，在示例中我使用的是不同域的 API 路由，这是因为我使用的包是根据我的博客文章的标题。
【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题
wufaqidong1的博客
09-17 4618
vercel是一个代码托管平台，它能够托管你的静态html界面，甚至能够托管你的node.js与Python服务端脚本，是不想买服务器的懒人的福音！首先需要一个Vercel账号，这里推荐用GitHub账户关联，这样你就可以在vercel中直接托管你的GitHub库中的项目了，实现开发部署一步到位（网络不流畅可以考虑挂梯子）。当你用你的Github账户关联并绑定手机号登录之后，点击右上角的创建新的项目，之后导入选项那里选择。
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 搭建个人博客！

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • xshell 7 连接不到虚拟机 Could not connect to ‘192.168.xxx.xxx‘ (port 22): Connection failed. 4600
  • RabbitMQ学习笔记 2186
  • 个人博客搭建 1502
  • RabbitMQ 学习笔记 1423
  • 通过 GitHub Actions 自动部署 vuepresss 项目到云服务器 1088

分类专栏

  • 博客 11篇
  • 异常/错误 2篇
  • 数据结构与算法 1篇

最新评论

  • 通过 GitHub Actions 自动部署 vuepresss 项目到云服务器

    PeterJXL: 作者您好，请问如何判断编译后源目录，编译后生成的文件目录是什么，以及args这个参数的配置是？

大家在看

  • 2024年CKA模拟系统制作 | step-by-step | 1、基础环境准备
  • 【CS.SE】端午节特辑：Docker容器化技术详解与实战 277
  • C++基础六：继承和多态 452
  • 力扣第十题 10.正则表达式匹配
  • 会声会影2024破解序列号免费激活码注册码 358

最新文章

  • SpringBoot 全局异常处理
  • PageHelper 分页插件
  • Shiro 安全框架-简单使用
2022年12篇
2021年3篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

深圳SEO优化公司吉安企业网站制作喀什SEO按效果付费推荐十堰推广网站推荐毕节设计公司网站公司伊犁网络广告推广价格石家庄品牌网站设计公司兴安盟外贸网站设计推荐鄂州外贸网站设计多少钱苏州推广网站多少钱汉中模板网站建设梅州外贸网站建设多少钱兴安盟seo排名报价乐山优秀网站设计公司蚌埠网站优化按天收费多少钱嘉兴阿里店铺托管价格西乡SEO按天扣费推荐天津网站优化按天收费哪家好金昌网络营销报价辽阳关键词按天收费坪山百度竞价推荐昭通网站设计哪家好曲靖网站改版哪家好张掖英文网站建设报价伊犁外贸网站设计报价淮北优化多少钱武威网站优化按天扣费多少钱横岗SEO按效果付费报价昭通百姓网标王推广醴陵seo公司淮南SEO按天计费多少钱歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化