[博客搭建]个人博客GitHub page+ hexo 优化+配置+页面布局

已于 2022-03-15 20:01:10 修改
阅读量272 收藏
点赞数
分类专栏： 博客 GitHub 学习笔记 文章标签： 腾讯云 阿里云 云计算 github 学习
于 2022-03-13 23:55:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37092496/article/details/123469236
版权
学习笔记 同时被 3 个专栏收录
12 篇文章 1 订阅
订阅专栏
博客
3 篇文章 0 订阅
订阅专栏
GitHub
3 篇文章 0 订阅
订阅专栏

wjl110.xyz

可以体验一下

正文开始:

https://vercel.com

进入注册登录即可

新建项目

在这里插入图片描述

导入你需要配置的项目:

在这里插入图片描述
项目导入后

第一栏填项目的名字:xxx

第二栏填构建项目的框架

ps:如果是静态hexo就选other
在这里插入图片描述

第四栏选择网站执行目录

hexo默认为/public
我的为/

点击部署即可

即生成如下页面
在这里插入图片描述

进入画面开始部署你的项目

在这里插入图片描述

可以看到项目部署成功:

在这里插入图片描述

自定义这里设置:

在这里插入图片描述

按照如下配置就可以

在这里插入图片描述

如果在设置中遇到了什么问题可以直接留言给我,或者查看官方文档

官方文档在这里插入图片描述

爬虫数据分析师
关注
专栏目录
使用github+hexo搭建个人博客blog
特立独行的博客
08-27 1492
使用github+hexo搭建个人博客blog
使用GitHub Pages + Hexo 快速搭建个性化博客(四)-博客菜单和侧边栏优化
kui的博客
03-20 7009
在之前三节的基础上，博客已经有了新的展现，之后基本框架就会是固定的这个模板，但其中还有许多可以优化的模块接下来将进行描述，本时段直播NexT主题博客菜单设置、侧边栏的进一步设置和优化，如分类页，标签页，个人社交网络链接等。
Hexo博客实现首页和子页面不同layout布局
chuorun1701的博客
05-31 1213
作成效果见我的个人网站：http://meiweiping.cn 实现方法为：打开 ~\themes\landscape\layout\layout.ejs 将里面的全部内容改为以下代码，将各<%- partial('_partial/ahead_links', null, {cache...
hexo+Github Pages博客美化及优化
Orient
10-23 601
本人博客地址：zhyoung.cn 博客打开太慢 编辑主题配置文件，注释一行代码： family: Lato 编辑/themes/next/layout/_partials/head/external-fonts.swig文件，把fonts.googleapi.com改为fonts.useso.com 指定不渲染文件 在Hexo目录下的source目录下添加不需要渲染的文件：te...
Hexo写作布局方式
Traversal-chen的博客
11-01 324
Hexo写作布局
高效利用Github pages，摆脱笨重Hexo，以及隐私保护实现
chenlnehc的博客
09-12 1311
Github pages算是相当良心了，唯一缺点就是动态数据管理有点难，例如数据提交等操作。 Hexo缺点 第一点，也是我放弃它的原因，笨重！换电脑数据迁移很难很难！ 第二点，不能利用Issues做留言/评论系统！ 第三点，不能自定义骚操作 自定义页面 体验地址 www.ispring.ink 我的博客地址：nosrc.cn 说明，这个自定义博客特点如下： 第一，markdown...
Github Page+Hexo搭建炫酷个人博客（主题优化基础篇）
程什么序员来着
01-05 1085
上一篇已经把博客搭建好了，这一篇来进行博客的主题优化讲解。 文章目录配置博客信息安装主题配置主题Scheme设置菜单设置侧栏设置头像（旋转效果）设置RSS新建页面设置代码高亮主题侧边栏社交链接设置「背景动画」优化主题底部显示建站时间和图标修改设置网站logo左上角或右上角的Github样式隐藏网页底部powered By Hexo主页文章添加阴影效果修改文章内链接文本样式文章末尾统一添加“本文结...
Hexo+github pages搭建个人博客（这一篇博客就够了）
ZhuangXuward
04-29 762
文章目录1. 准备工作1.1 安装git1.2 安装nodejs1.3 安装NPM1.4 安装Hexo2. 部署hexo到github pages2.1 关于github pages2.2 创建仓库2.2 绑定域名（可跳过）首先我们要有一个域名将域名和github绑定2.3 配置SSH key测试是否成功2.4 上传到github配置_config.ymlCNMAE文件3. 发表新文章3.1 ma...
用Github Pages+Hexo搭建博客之(四)创建一篇新文章/草稿(创建&预览&发布)/页面(关于,标签,分类,归档,自定义) #模板(Scaffold) #文件名称&博客标题
夏普通
01-16 878
【置顶】【专栏】用Github Pages+Hexo搭建博客 >关于布局(Layout) Hexo 有三种默认布局：post、page 和 draft。 在创建这三种不同类型的文件时，它们将会被保存到不同的路径 布局 路径 描述 post source/_posts 默认，新文章 page source/你创建的页面名称命名的文件夹 页面 draft source/_...
彻底搞懂如何使用Hexo + GitHubPages搭建个人博客
weixin_42727776的博客
03-19 898
很荣幸您能通过搜索引擎，在众多介绍如何使用Hexo搭建个人博客的教程中检索到本文。本着不让您失望的原则，我会尽我最大努力将本篇文章写地全面并具有可操作性。让您在阅读之后明白Hexo和GitHub Pages之间是如何联系及运作的，如何搭建一个完整个人博客。首先，本文会首先讲述个人博客各个模块。然后会解释Hexo到底做了什么，即Hexo在个人博客中起到的作用，GitHub Pages又在个人博客中扮演一个什么角色。在理解了以上内容后，搭建博客就变成了一件非常容易的事情，所以最后将以操作手册式的描述引导你一步步
使用Hexo + Github搭建个人博客
m0_50298323的博客
03-22 93
使用Hexo + Github搭建个人博客
hexo 菜单_GitHub+Hexo+NexT搭建个人网站全流程及魔改记录
weixin_31102231的博客
01-02 515
写在前面本篇是关于利用GitHub Pages服务，使用Hexo框架以及NexT主题搭建个人网站的全流程的记录，本着高效工作的原则做了一些自定义修改来优化个人网站。本文原文发布在我的个人博客zhangypcn.github.io，欢迎访问。https://zhangypcn.github.io/2020/04/20/GitHub-Hexo-PersonalWebsite​zhangypcn.git...
HEXO+PAGE 搭建个性博客
weixin_33739627的博客
07-10 127
用Vercel建站GitHub Pages 并配置DNS
shufanhao.top Blog
05-29 2656
通过vercel解决国内访问GitHub Pages 慢以及baidu不能爬github pages的问题。
如何将 github pages 迁移到 vercel 上托管
Wcowin的博客
04-29 1183
如何将 github pages 迁移到 vercel 上托管
Github Pages 访问速度慢，使用vercel部署静态博客提高访问速度
04-23 2178
我是在 godaddy 上买的域名，这是 godaddy 上之前的 dns 设置，解析到 cloudflare 了。cloudflare 上的 dns 解析记录。修改 godaddy 上的域名解析记录到 vercel 的 dns 服务器上然后点击 update。可以看到过一会儿，vercel 上显示域名已经工作正常了。将 vercel 自己的服务域名强行重定向到自己的域名。之后等 DNS 记录更新了再来看看，和 vercel 自己提供的地址速度对比发现差距还是有点大。
猿创征文｜hexo博客访问速度优化：vercel+又拍云CDN
余白のblog
08-27 2339
vercel+又拍云嫖就完事了
解决Github Pages加载慢的问题
谢佳宇的个人主页
04-20 5294
GitHub pages部署实在太慢了，有什么解决方式吗？
hexo+github搭建个人博客
最新发布
12-08
以下是使用Hexo和GitHub Pages搭建个人博客的步骤： 1.安装Node.js和Git 2.安装Hexo ```shell npm install -g hexo-cli ``` 3.初始化Hexo shell hexo init blog cd blog npm install ``` 4.配置Hexo 打开根...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爬虫数据分析师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值