前期的GitHub版搭建hexo博客

前期的node 、hexo等等都已经配置完成,只需要在Gitee上建库,以及修改一些配置。继续依葫芦画瓢,在Gitee上画出来。例如 https://gitee.com/ipvb 这个Gitee用户,

1、依葫芦画瓢,copy操作

  • Gitee仓库命名为 ipvb.gitee.io,仓库公开
  • 在_config.yml 配置repo地址为Gitee仓库克隆的地址https://gitee.com/ipvb/ipvb.gitee.io.git
  • 部署到仓库 ,之后可以访问博客地址为https://ipvb.gitee.io/

2、所遇到的问题以及解决方法

1、之后,开开心心地去访问博客,发现404,博客显示404图片

解决方法:

有的解决方法是重新生成SSH公钥(因为之前电脑重装过),本身仓库是公开的,但是发现Gitee修改了一些规则,公开仓库需要人工审核以及还需要选择开源许可证,

还有一个方法就是为仓库开通Gitee Pages 服务(注意:仓库里要求必须有一个 index.html 页面),

我用的此方法,其他方法也都操作了,只是没有作用

Gitee Pages 服务 一个支持Jekyll、Hugo、Hexo静态网站的服务,其中对用户有一些参考意见。 Gitee Pages使用帮助

开通Gitee Pages需要实名认证,基本上一个工作日之内就可以审核通过

别急,还没有完!

需要修改_config.yml里的配置参数urlroot,

url就是访问个人网站的地址,之前看了注释,有二级目录,以为所有的必须有二级目录呢,以至于之前总是没有配置好,这个url 至关重要,404的原因它也占一部分

仔细找了一下,才发现root在这里,很多的博客地址有二级目录,因此如 url:https://~.gitee.io/blog,则对应的 root:/blog/,不设置,可能样式丢失

url 的地址就是GiteePages服务开通之后,会生成一个访问地址,此地址就是url地址 (https://ipvb.gitee.io)

因为个人博客首页的访问地址不想带二级目录,直接以这样的地址访问ipvb.gitee.io,在Gitee上建库时,仓库的命名考虑为ipvb,root就不用配置了,默认就好。

如 https://gitee.com/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问,想以ipvb.gitee.io直接访问,那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后,就可以以 https://ipvb.gitee.io 进行访问了。

2、博客样式丢失

解决方法:

  • 检查配置的url 和root 地址是否正确,Gitee Pages上生成的链接为url 地址

    url:https://~.gitee.io/blog
    root:/blog/
    
    url:https://~.gitee.io
    root:
    
  • 排除第一种可能,可能是缓存问题。清除浏览器缓存,或者hexo c之后重新上传部署

  • 这些都没有找回样式,那就等待,

    我就是这些操作之后,无计可施,去做其他的事了,之后我再打开就好了
    

3、网页更新

若是后期更新了自己的代码,需要到GiteePages 服务页面,点击更新,新的内容才会生效

4、其他拓展

_config.yml里的配置参数全解
###########此处粘贴出来,只为方便自己查看###########################
# 网站
# 网站标题
title: CN華少的个人博客
# 网站副标题
subtitle: 个人博客
# 网站描述
description: ''
# 网站的关键词。支持多个关键词。
keywords: null
# 您的名字
author: CN華少
# 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hans和 zh-CN。
language: zh-CN
# 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 。一般的,对于中国大陆地区可以使用 Asia/Shanghai。
timezone: Asia/Shanghai
######################################
# 网址
# 网址, 必须以 http:// 或 https:// 开头
url: https://cnhuashao.com
# root  网站根目录
# 文章的 永久链接 格式
permalink: ':year/:month/:day/:title/'
# 永久链接中各部分的默认值
permalink_defaults: null
# 改写 permalink 的值来美化 URL
pretty_urls:# 是否在永久链接中保留尾部的 index.html,设置为 false 时去除trailing_index: true# 是否在永久链接中保留尾部的 .html, 设置为 false 时去除 (对尾部的 index.html无效)trailing_html: true
#####################################
# 目录
# 资源文件夹,这个文件夹用来存放内容。
source_dir: source
# 公共文件夹,这个文件夹用于存放生成的站点文件。
public_dir: public
# 标签文件夹
tag_dir: tags
# 归档文件夹
archive_dir: archives
# 分类文件夹
category_dir: categories
# Include code 文件夹,source_dir 下的子目录
code_dir: downloads/code
# 国际化(i18n)文件夹
i18n_dir: ':lang'
# 跳过指定文件的渲染。匹配到的文件将会被不做改动地复制到 public 目录中。
# 您可使用 glob 表达式来匹配路径。
skip_render: null
######################################
# 文章
# 新文章的文件名称
new_post_name: ':title.md'
# 预设布局
default_layout: post
# 把标题转换为 标题大写
titlecase: true
# 在新标签中打开链接
external_link:# 在新标签中打开链接enable: true# 对整个网站(site)生效或仅对文章(post)生效field: site# 需要排除的域名。主域名和子域名如 www 需分别配置exclude: ''
# 把文件名称转换为 (1) 小写或 (2) 大写
filename_case: 0
# 显示草稿
render_drafts: false
# 启动 Asset 文件夹 资源(Asset)代表 source 文件夹中除了文章以外的所有文件,例如图片、CSS、JS 文件等。
post_asset_folder: false
# 把链接改为与根目录的相对位址
relative_link: false
# 显示未来的文章
future: true
# 代码块的设置, 请参考 Highlight.js 进行设置
highlight:enable: trueline_number: trueauto_detect: falsetab_replace: ''wrap: truehljs: false
# 代码块的设置, 请参考 PrismJS 进行设置
prismjs:enable: falsepreprocess: trueline_number: truetab_replace: ''
index_generator:path: ''per_page: 10order_by: '-date'
###################################
# 分类 & 标签
# 默认分类
default_category: uncategorized
# 分类别名
category_map: null
# 标签别名
tag_map: null
meta_generator: true
##################################
# Hexo 使用 Moment.js 来解析和显示时间。
# 日期格式
date_format: YYYY-MM-DD
# 时间格式
time_format: HH:mm:ss
# 当 Front Matter 中没有指定 updated 时 updated 的取值
# mtime: 使用文件的最后修改时间。这是从 Hexo 3.0.0 开始的默认行为。
# date: 使用 date 作为 updated 的值。可被用于 Git 工作流之中,因为使用 Git 管理站点时,文件的最后修改日期常常会发生改变
# empty: 直接删除 updated。使用这一选项可能会导致大部分主题和插件无法正常工作。
updated_option: mtime
###################################
# 分页
# 每页显示的文章量 (0 = 关闭分页功能)
per_page: 10
# 分页目录
pagination_dir: page
##################################
# 在 Hexo 配置文件中,通过设置 include/exclude 可以让 Hexo 进行处理或忽略某些目录和文件夹。你可以使用 glob 表达式 对目录和文件进行匹配。
# Hexo 默认会忽略隐藏文件和文件夹(包括名称以下划线和 . 开头的文件和文件夹,Hexo 的 _posts 和 _data 等目录除外)。通过设置此字段将使 Hexo 处理他们并将它们复制到 source 目录下。
include: null
# Hexo 会忽略这些文件和目录
exclude: null
# Ignore files/folders
ignore: null
##################################
# 扩展
# 当前主题名称。值为false时禁用主题
theme: icarus
# 部署部分的设置
deploy:type: ''# Include/Exclude Files/Folders
# include:
#  - ".nojekyll"# 包括 'source/css/_typing.css'
#  - "css/_typing.css"# 包括 'source/_css/' 中的任何文件,但不包括子目录及其其中的文件。
#  - "_css/*"# 包含 'source/_css/' 中的任何文件和子目录下的任何文件
#  - "_css/**/*"#exclude:# 不包括 'source/js/test.js'
#  - "js/test.js"# 不包括 'source/js/' 中的文件、但包括子目录下的所有目录和文件#- "js/*"# 不包括 'source/js/' 中的文件和子目录下的任何文件#- "js/**/*"# 不包括 'source/js/' 目录下的所有文件名以 'test' 开头的文件,但包括其它文件和子目录下的单文件#- "js/test*"# 不包括 'source/js/' 及其子目录中任何以 'test' 开头的文件#- "js/**/test*"# 不要用 exclude 来忽略 'source/_posts/' 中的文件。你应该使用 'skip_render',或者在要忽略的文件的文件名之前加一个下划线 '_'# 在这里配置一个 - "_posts/hello-world.md" 是没有用的。#ignore:# Ignore any folder named 'foo'.#- "**/foo"# Ignore 'foo' folder in 'themes/' only.#- "**/themes/*/foo"# Same as above, but applies to every subfolders of 'themes/'.#- "**/themes/**/foo"

搭建hexo博客历程二- Gitee版 (主要 解决404和样式丢失)相关推荐

  1. 史上最详细“截图”搭建Hexo博客——For Windows

    http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...

  2. python公众号留言功能_搭建hexo博客给公众号制作留言功能

    大家都知道,18年3月份后注册的公众号都不给留言功能了,作为主要以技术文章为主的公众号,没有留言功能真是不方便.周末这两天我就一直在折腾这个留言功能,借助博客的留言功能,放在阅读原文里.昨天晚上终于折 ...

  3. 阿里云Serverless 极速搭建Hexo博客

    阿里云Serverless 极速搭建Hexo博客 阿里云Serverless 极速搭建Hexo博客 地址 开通函数计算服务 安装Serverless Devs命令行工具 安装Node.js环境. 解压 ...

  4. 搭建hexo博客给公众号制作留言功能

    此文首发于公众号 「Python知识圈」,欢迎直接去公众号观看. 阅读文本大概需要 5 分钟. 大家都知道,今年注册的公号都不给留言功能了,作为主要以技术文章为主的公众号,没有留言功能真是不方便.上周 ...

  5. 腾讯云搭建hexo博客

    title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 文章目录 title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 @[toc] 1. 腾讯云 学生认证购买 重置密码和网 ...

  6. 新手小白零基础搭建个人博客(二)Hexo搭建

    之前已经给大家讲完了,如何准备一个阿里云服务器或者准备github代码托管,今天就给大家说说如何搭建hexo. 服务器用户请阅读1.3 github用户请阅读3 双管齐下用户请阅读1.2.3 1.本文 ...

  7. centos7搭建hexo博客步骤

    安装插件 1.nodejs wget https://nodejs.org/dist/v14.17.4/node-v14.17.4-linux-x64.tar.xz tar -xvf node-v14 ...

  8. Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置

    根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...

  9. 搭建hexo博客并部署到github上

    hexo是由Node.js驱动的一款快速.简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成.支持markdown编写文章,可以方便的生成静态网页托管在github上. 感觉不错. 前端 ...

最新文章

  1. ios时间差,以时间格式显示
  2. python获取文件的大小_python获取文件大小
  3. php7 windows2008,【笔记】Windows Server2008 R2 安装 PHP7 缺少 API-ms-win-crt-runtime-l1-1-0.dll 解决方案...
  4. 程序员遇到的奇葩bug大集锦,硬盘开光很有必要!
  5. hdu1528 Card Game Cheater
  6. 520 钻石争霸赛 7-5 大勾股定理 (数学)
  7. js 将图片置灰_艾叶灰千万别扔——艾叶灰的神奇功效
  8. 信安精品课:第1章网络信息安全概述精讲笔记
  9. 【报告分享】万达文旅项目新媒体营销操作手册.pdf(附下载链接)
  10. [补档]noip2019集训测试赛(八)
  11. Flash Builder4.7安装破解
  12. js中出现missing ) after argument list
  13. 利用loic工具进行doss教程(附下载链接官方无后门)
  14. 呼叫压力测试软件,MyComm呼叫中心压力测试解决方案
  15. VMware虚拟机提速10招
  16. 信息收集——Google Hacking
  17. E: Unable to fetch some archives, maybe run apt-get update or try with --fix-missing?(解决方法)
  18. Autojs在线云更新教程
  19. 佛系计算机二级 第六弹
  20. MySQL将字段数据自增自减

热门文章

  1. Altium Designer15原理图与PCB教程(序)——目录
  2. 关于区块链自我主权身份(SSI)的三个主要问题
  3. VS Code下git的ca-bundle.crt问题
  4. 帝国论坛又开放了,帝国爱好者们可以愉快的逛论坛查资源了
  5. 为什么很多公司不要从IT培训机构出来的程序员?
  6. 树莓派 cuda加速_机器人梦系列-树莓派资源整理汇总
  7. 我的世界无限贪婪服务器,我的世界无尽贪婪模组
  8. python 实现聊天室
  9. STM32 PAJ7620U2手势识别模块(IIC通信)程序源码详解
  10. mount 命令查看挂载系统