AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

不花钱零门槛、10分钟搭建自己的线上博客平台

2021-09-08 272
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 博客主要是关于自己搭建的过程，遇到的坑的一些总结，给小伙伴提供一些避坑经验。同时上传了自己的代码，可以直接拉去我的快速搭建。

写在前面

  • 之前一直在CSDN上写博文，一次改粉丝可见性，有一篇整理了三年的博文被CSDN吃了>_<|||，就给我留了几个字。

在这里插入图片描述
那天晚上伤心了好久，觉也没睡，费了好多时间，还是上学时就开始写的，也有一些小伙伴收藏，所以吸取教训，想自己搞一个备份。自己搭一个博客系统，在Github上托管，后期会放到Gitee上，现在Gitee上的Gitee Page 功能不支持。Github上大多时候是访问不到的。

  • 本篇博文主要是关于自己搭建的过程，遇到的坑的一些总结，给小伙伴提供一些避坑经验。同时上传了自己的代码，可以直接拉去我的快速搭建。
  • 笔记由两部分内容构成: 博客展示和具体的搭建教程。不足之处请小伙伴留言。

💪💪 博客搭建思路：基于hexo+Amazing 来实现，本地写好 markdown 之后，在本地将 markdown 渲染成 HTML，然后将渲染好的 HTML 上传到服务端(Github )。所以不需要数据库，生产部署不需要环境，很方便。在本地搭建的时候需要Node.js 、Git环境。

💪💪 关于 hexo:Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。建议小伙伴移步官网了解下：https://hexo.io/zh-cn/docs/

💪💪 关于Amazing主题：是一个基于主题icarus基础之上的一个主题，个人比较喜欢。了解更多请移步 https://github.com/removeif/hexo-theme-amazing

💪💪 如果小伙伴想自己学着搭建，建议小伙伴直接按照官网教程来搞，很easy，这里分享一些避坑经验

💪💪 如果小伙伴想方便一点，也可以直接拉我的代码，按照下面的部署方式就可以了。

💪💪 关于搭建好博客系统如何写文章，其实特别方便，需要指定文件夹新建一个markdown文件，内容如下：

title: 标题
top: 1
toc: 是否显示目录
recommend: 文章推荐权值 
keywords: 关键字
date: 2019-09-19 22:10:43  日期
thumbnail:   https://cdn.jsdelivr.net/gh/removeif/blog_image/img/2019/20190919221611.png  封面图片
tags: 工具教程 标签
categories: [工具教程,主题工具] 分类

博文摘要
<!-- more -->
博文正文

之前就啥都不用管了，一且OK了.

嘻嘻，先展示一下我的成果，然后我们谈谈如何搭建

博客展示

💪 我的博客地址:https://liruilongs.github.io/

💪 博客代码:https://gitee.com/liruilonger/blog_demo

🎈🎈🎈🎈 PC端🎈🎈🎈🎈

首页

在这里插入图片描述

归档

在这里插入图片描述

博客阅读

在这里插入图片描述

🎈🎈🎈🎈 平板🎈🎈🎈🎈

首页

在这里插入图片描述

博客阅读(主题跟换)

在这里插入图片描述

在这里插入图片描述

留言墙

在这里插入图片描述

🎈🎈🎈🎈 手机端🎈🎈🎈🎈

主页 音乐 标签 关于 分类
请添加图片描述 请添加图片描述 请添加图片描述 请添加图片描述 请添加图片描述

具体的搭建教程

💪 默认小伙伴已经安装了Node.js 、Git环境。并且Node版本满足要求，Git配置了SSH免密。具体的环境要求参考官网：https://hexo.io/docs/

🎈🎈下面我们愉快的开始吧🎈🎈

💪 Git Bash 执行：

$  git clone git@gitee.com:liruilonger/blog_demo.git

💪 在blog_demo目录下进入cmd执行

npm install

💪 在themes目录同样执行

cd ./themes
npm install

💪 如果以上出现问题，可以按照错误提示或百度，自行解决。

🎈🎈🎈🎈 做到这一部我们的博客框架就已经搭建完成啦 🎈🎈🎈🎈

💪 下面就是生成静态文件

hexo g

💪 启动服务器。默认情况下，访问网址为： http://localhost:4000/

hexo s

控制台打印：

D:\code\blogger\blogger\themes>hexo s
INFO  Validating config
Inferno is in development mode.
Inferno is in development mode.
INFO  =======================================
 ██╗ ██████╗ █████╗ ██████╗ ██╗   ██╗███████╗
 ██║██╔════╝██╔══██╗██╔══██╗██║   ██║██╔════╝
 ██║██║     ███████║██████╔╝██║   ██║███████╗
 ██║██║     ██╔══██║██╔══██╗██║   ██║╚════██║
 ██║╚██████╗██║  ██║██║  ██║╚██████╔╝███████║
 ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
=============================================
INFO  === Checking package dependencies ===
INFO  === Checking theme configurations ===
INFO  === Registering Hexo extensions ===
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
INFO  Good bye

🎈 🎈 之后我们就可以在本地访问啦。🎈 🎈

部署教程：

结合Github Page 发布静态html

💪 小伙伴可以参考官方文档https://hexo.io/zh-cn/docs/one-command-deployment,我们这里也是采用这种方式部署。

💪 默认小伙伴已经有个Github 账户，并且已经申请Github 客户端的ID和密匙,关于Github 客户端的授权申请(可以在这里找一下)

💪 这里需要修改发布的Github 库为自己的库:https://gitee.com/liruilonger/blog/blob/master/_config.yml#L104，并且这个库已开通Github Page。关于Github Page请自行百度。

deploy:
  type: git
  repo: git@github.com:LIRUILONGS/LIRUILONGS.github.io.git # 自己的库URL
  branch: master #部署的分支

🎈 🎈 之后我们就可以使用命令部署了,部署完成之后就可以根据Github Page访问啦🎈 🎈

hexo d

💪 OK这样我们就完成了简单部署，可以通过 Github Page中的URL访问就OK啦，一般为

# https://liruilongs.github.io
https://<Github 用户名 >.github.io

💪 日常写作中，我们可以在写完博客之后，编译，然后发布，就会直接推送到我们的Github Page的库里面。

hexo g
hexo d
D:\code\blogger\blogger\themes>hexo g
INFO  Validating config
Inferno is in development mode.
Inferno is in development mode.
INFO  =======================================
 ██╗ ██████╗ █████╗ ██████╗ ██╗   ██╗███████╗
 ██║██╔════╝██╔══██╗██╔══██╗██║   ██║██╔════╝
 ██║██║     ███████║██████╔╝██║   ██║███████╗
 ██║██║     ██╔══██║██╔══██╗██║   ██║╚════██║
 ██║╚██████╗██║  ██║██║  ██║╚██████╔╝███████║
 ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
=============================================
INFO  === Checking package dependencies ===
INFO  === Checking theme configurations ===
INFO  === Registering Hexo extensions ===
INFO  Start processing
INFO  Files loaded in 2.45 s
INFO  Generated: album/index.html
INFO  Generated: media/index.html
INFO  Generated: about/index.html
INFO  Generated: message/index.html
INFO  Generated: content.json
INFO  5 files generated in 3.07 s

D:\code\blogger\blogger\themes>hexo d
INFO  Validating config
Inferno is in development mode.
Inferno is in development mode.
INFO  =======================================
 ██╗ ██████╗ █████╗ ██████╗ ██╗   ██╗███████╗
 ██║██╔════╝██╔══██╗██╔══██╗██║   ██║██╔════╝
 ██║██║     ███████║██████╔╝██║   ██║███████╗
 ██║██║     ██╔══██║██╔══██╗██║   ██║╚════██║
 ██║╚██████╗██║  ██║██║  ██║╚██████╔╝███████║
 ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
=============================================
INFO  === Checking package dependencies ===
INFO  === Checking theme configurations ===
INFO  === Registering Hexo extensions ===
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
warning: LF will be replaced by CRLF in 20

关于Amazing主题中评论留言功能的Github 相关修改，请小伙伴参考Amazing主题作者的README.md
有问题的小伙伴欢迎交流。

结合云服务器ESC发布教程

💪 这里的话如果小伙伴有自己的服务器，那更方便了，直接把静态文件传的服务器上就可以。可以使用Python3自带的模块，也可以使用Nginx，tomcat等Web 服务器来部署。下面就这几种方式来和小伙伴聊聊

python3 的方式

💪 Python3 搭建Python自带的Web服务器 特别方便，只需要一行命令就可以搞定。 在需要部署的静态文件夹下执行

python3 -m http.server 端口号, 端口号不指定默认是8000

💪 访问搭建的静态Web服务器方式： IP:端口 ，没有python3环境的可以

yum -y install python3

💪 1. 下面我们开始吧。首先把上面本地编译好的静态文件上传的自己的ESC。即public文件夹打包，上传服务器解压。
在这里插入图片描述

## 新建一个文件夹存放静态文件
mkdir public && cd public
## 上传静态文件包
rz -y # Xshell 上传文件，需要lrzsz，没有的可以 yum -y install lrzsz 安装一下
## 解压静态文件包
unzip public.zip 
## 启动服务,这里需要在阿里云配置自己的安全组策略，开放 8084 端口
python3 -m http.server 8084

🎈 🎈 这样我们已经搭好了，之后我们就可以在访问啦。🎈 🎈

# http://39.97.241.18:8084/
http:IP:8084/

在这里插入图片描述

Nginx的方式

💪如果小伙伴的Esc上有Nginx服务器，那更方便了，上传完静态文件，只需要修改一下配置文件 root 配置字段就可以了，重启一下服务就可以搞定了。这次我们还用之前的上传的文件，不在上传了，一般静态文件要上传到Nginx的html文件夹下。

# 打开配置文件
$ vim /etc/nginx/nginx.conf

在这里插入图片描述
💪修改配置文件

 server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         #上传文件的位置;
        .......

💪或者也可以这样

server {
        listen       80 default_server;  #监听端口 
        server_name  localhost;  # 配置服务名
        
        # 匹配/请求 ，/是根路径请求，会被该location匹配到并且处理
        location / {
            root   /usr/share/nginx/html;  #上传文件的位置
            index  index.html index.htm; #配置首页文件的名称
        }
......

💪重启服务

# 重启服务
systemctl restart nginx.service

🎈 🎈 这样我们已经搭好了，之后我们就可以在访问啦。🎈 🎈

# http://39.97.241.18:80
http:IP:80/

在这里插入图片描述

Tomcat 的方式

Tomcat这里不做太多讲解，搞java的小伙伴应该都不陌生。直接把静态文件丢到 webapp 目录下，重启tomcat就OK啦

我的博客地址:https://liruilongs.github.io/

文章标签：
Java
JavaScript
Python
Shell
开发工具
应用服务中间件
网络安全
nginx
git
数据库
山河已无恙
目录
相关文章
winx_19970108018
|
JSON Java API
LAZADA平台API文档示例
LAZADA平台API文档示例
winx_19970108018
751 0
光明顶阳顶天
|
存储 数据库 数据安全/隐私保护
MVCC实现原理
【10月更文挑战第15天】MVCC 通过维护版本链和相关信息，实现了在多事务并发环境下的数据隔离和并发控制，提高了数据库的性能和可用性。
光明顶阳顶天
368 57
阿里云云工开物
|
8月前
|
人工智能 云计算
云工开物合作动态丨湖南大学与阿里云签署云工开物校企合作协议
2024年7月5日，湖南大学与阿里云签署合作协议，副校长李肯立与阿里云副总裁刘湘雯出席。双方将在课程共建、科研攻关、学生实践等方面展开合作。阿里云将为每位学生提供算力资源，并为教师每年提供40万元优惠权益。当天下午，阿里云-湖南大学人工智能学生实训营开营，200余名学生参与实操课程。此次合作旨在培养云计算与人工智能领域的高素质创新人才。
阿里云云工开物
400 4
耀骑士
|
10月前
|
人工智能 小程序 搜索推荐
分享5款让电脑更加有趣的小工具
介绍几款实用电脑小工具，提升工作学习效率：1) EmEditor，高效文本编辑器，支持大文件处理和语法高亮；2) QTTabBar，增强版Windows文件管理器，提供多标签页操作；3) 3171.cn，在线AI工具箱，集多种办公学习工具于一身；4) CrystalDiskInfo，硬盘健康监测，预防数据丢失；5) Deskreen，屏幕共享软件，适用于远程协作。推荐大家根据需要自行搜索下载使用。
耀骑士
208 1
xibeijing
|
运维 监控 Cloud Native
云原生技术：构建现代应用的未来
本文深入探讨了云原生技术的基本原理、主要特点和应用场景。通过分析其在实际项目中的优势，如弹性扩展、快速部署和高效管理等，揭示了云原生如何成为现代应用开发的主流趋势。同时，本文还讨论了采用云原生技术时需要考虑的关键因素，包括安全性、成本控制及技术栈的选择。旨在为读者提供全面的云原生知识，助力企业在数字化转型中做出明智决策。
xibeijing
262 25
游客iwxwmneokn2ms
|
C# Windows
C# 串口关闭时主界面卡死原因分析
串口程序关闭导致界面卡死的原因是主线程与辅助线程间的死锁。问题出在`SerialPort.Close()`方法与`DataReceived`事件处理程序。`DataReceived`事件在`lock (stream)`块中执行，而`Close()`方法会关闭`SerialStream`并锁定自身。当辅助线程处理数据并尝试更新UI时，UI线程因调用`Close()`被阻塞，造成死锁。解决办法是让`DataReceived`事件处理程序使用`this.BeginInvoke()`异步更新界面，避免等待UI线程，从而防止死锁。
游客iwxwmneokn2ms
894 7
1941623231718325
|
Java API 开发者
【Java字节码操控新篇章】JDK 22类文件API预览：解锁Java底层的无限可能！
【9月更文挑战第6天】JDK 22的类文件API为Java开发者们打开了一扇通往Java底层世界的大门。通过这个API，我们可以更加深入地理解Java程序的工作原理，实现更加灵活和强大的功能。虽然目前它还处于预览版阶段，但我们已经可以预见其在未来Java开发中的重要地位。让我们共同期待Java字节码操控新篇章的到来！
1941623231718325
175 7
EdgeCloud
|
人工智能 云栖大会
2024云栖大会，我们来了！
2024云栖大会亮点介绍
EdgeCloud
672 1
小Lee
|
算法 Python
python中算法递归错误（Recursion Errors）
【7月更文挑战第18天】
小Lee
583 1
35977357
|
达摩院 并行计算 TensorFlow
damo/cv_unet_universal-matting 这个通用抠图模型好像有问题，有达摩院的小伙伴在么
damo/cv_unet_universal-matting无法对物品抠图
35977357
755 0

热门文章

最新文章

  • 1
    初识LVM及ECS上LVM分区扩容
  • 2
    【X-Pack解读】阿里云Elasticsearch X-Pack 监控组件功能详解
  • 3
    spanner 的前世今生
  • 4
    什么是CDN服务
  • 5
    Canal是怎么伪装成 MySQL slave？
  • 6
    还记得“童年回忆”小霸王吗？现在它要打造市值500亿的VR产业
  • 7
    管道符和作业控制、shell变量、环境变量配置文件
  • 8
    url请求中去掉根目录
  • 9
    【OJ】贪心——区间问题 hzu.acmclub.com 1126看电视
  • 10
    SubSonic框架使用图解
  • 1
    Java零基础学习笔记（一）
    27
  • 2
    使用容器部署python flask ubuntu 环境的时候，网页跳转路由无法保持端口号的问题
    29
  • 3
    智能体来了：AI教育与创业的新引擎｜黎跃春谈智能体教育与产业融合
    33
  • 4
    智能体来了：AI教育与产业融合的新时代 ——从大学生智能体开发实训到智能体创业新风口的系统变革
    38
  • 5
    RAG不是“外挂提示词”，而是让大模型真正懂你业务的大脑外
    34
  • 6
    别再用“人肉运维”了！深度学习正在让企业系统自己“懂事”
    33
  • 7
    别把无人驾驶想太玄，大数据才是背后真正的老司机
    127
  • 8
    基于MATLAB的自然图像梯度分布重尾特性验证方案
    127
  • 9
    Mac版Color Folder v3.8安装教程（附dmg文件安装步骤和搜索关键词）
    37
  • 10
    UUID 与 MD5 重复概率深度分析
    50

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    开通oss服务