Hexo + Gitee Pages 搭建个人博客-阿里云开发者社区

开发者社区> 游客qlnp2cym27viq> 正文

Hexo + Gitee Pages 搭建个人博客

简介: Hexo + Gitee Pages 搭建个人博客
+关注继续查看

我是 数据科学与大数据技术专业的一名大三学生,为了学习运维,了解到了 飞天加速计划·高校学生在家实践活动,下面是 Hexo + Gitee Pages 搭建个人博客 的教程

一、开发环境搭建

1. Node.js 安装

  • 进入 Node.js 官网,下载左边的 LTS (长期支持)版

https://nodejs.org/en/

image-20210906200304204.png

  • 打开安装包

image-20210906200628455.png

  • 同意协议

image-20210906200645500.png

  • 选择安装路径

image-20210906200739570.png

  • 自动安装必要工具

image-20210906200816319.png

  • 点击安装

image-20210906200913153.png

  • 安装完成

image-20210906200917483.png

  • 自动下载必要工具

image-20210906201002357.png

image-20210906201033927.png

2. Hexo 安装

  • 新建博客文件夹,点击 Git Bash Here 打开

image-20210906201643481.png

  • 输入以下命令安装 Hexo(部分主题不兼容最新版本,故使用4.2.0版本)
npm install hexo@4.2.0 -save

image-20210906201757155.png

  • 安装成功

image-20210906201942410.png

二、初始化博客并生成文章

1. 初始化博客

  • 输入以下命令,初始化博客
hexo init

image-20210906202804634.png

  • 输入以下命令,生成博客文章
hexo generate

hexo g

image-20210906203022154.png

  • 输入以下命令,启动服务器
hexo server

hexo s

image-20210906203122010.png

  • 打开网页以访问博客

image-20210906203221930.png

image-20210906203310924.png

2. 新增博客文章

  • 输入以下命令,新增博客文章
hexo new "你的文章标题"

image-20210906203544499.png

此命令默认会在博客目录下的\source\_posts\下创建你的博客文章

  • 打开此文件,写入内容并保存

image-20210906203831190.png

  • 生成文章
hexo g

image-20210906203940862.png

  • 启动服务并打开网页
hexo s

image-20210906204031832.png

image-20210906204048932.png
image-20210906204353746.png

新增博客成功

二、将本地博客发布并部署到Gitee Pages上

  • 打开 Gitee ,新建一个仓库,仓库名与用户名一致,直接创建

image-20210907163557433.png

  • 进入仓库,点击 克隆/下载,复制 Https 地址

    image-20210907163637013.png

  • 打开博客根目录,修改_config.yml 文件

image-20210907163749619.png

  • 修改以下内容
deploy:  type: git  repo: 自己的Gitee仓库  branch: master

image-20210907164140694.png

  • 安装 Hexo Git 插件
npm install hexo-deployer-git --save

image-20210907164249551.png

  • 将博客部署到 Gitee

    hexo deploy

    hexo d

image-20210907164824427.png

  • 部署成功

image-20210907164719732.png

  • 进入 Gitee 仓库,发现博客已经上传成功

image-20210907164939442.png

  • 点击服务中的 Gitee Pages,更新服务

image-20210907165029899.png

image-20210907165951988.png

  • 访问博客地址

image-20210907170009970.png

  • 部署成功

image-20210907170034367.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
个人搭建网站的服务器选择
首先,先弄清楚自己的需求和用途:1、是建立一个静态页面还是动态页面? 2、对域名有什么要求? 3、内容有多少?是否要支持请求量比较大的下载? 4、如果是动态页面要做成多大规模的? 5、BBS 一类的页面对在线用户数量的估算是多少? 6、有数据库的话是什么类型的?数据量多大? 7、网站内容有没有政治敏感的东西? 8、预算多少? 9、对安全性有没有要求? 一般来说,选择网站服务器需要考虑这么几个方面:买主机(空间 /VPS 等),主要考察空间大小 / 流量 / 连接数 / 数据库 / 流量 / 是否有其它特殊用途等。
6097 0
一、搭建篇-使用Github-hexo搭建个人博客教程—总结自己爬过的坑
一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点: 1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
8444 0
搭建个人Leanote云笔记本
搭建个人Leanote云笔记本
175 0
搭建个人Leanote云笔记本
搭建个人Leanote云笔记本
73 0
阿里云服务器如何搭建Hexo个人博客?
阿里云服务器如何搭建Hexo个人博客?
1447 0
搭建个人Leanote云笔记本
本场景将提供一台配置了CentOS 7.7的ECS实例(云服务器)。您可以参考本教程的操作基于已有的环境搭建一个Leanote云笔记本。
416 0
Docker DevOps实战: 一分钟搭建Hexo博客
本文简单介绍了如何利用Hexo镜像快速创建Hexo博客以及博文,需要用到阿里云容器服务产品。
6829 0
Day 5 搭建个人Leanote云笔记本
本场景将提供一台配置了CentOS 7.7的ECS实例(云服务器)。您可以参考本教程的操作基于已有的环境搭建一个Leanote云笔记本。
91 0
搭建个人Leanote云笔记本
基于已有的环境搭建一个Leanote云笔记本
390 0
1
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载