Hexo搭建的博客内部文章怎么跳转

最新推荐文章于 2023-09-15 17:19:10 发布
转载 最新推荐文章于 2023-09-15 17:19:10 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://www.zhihu.com/question/48490384/answer/131144097
文章标签：

#Hexo

本文详细介绍了Markdown的基本语法，包括段落、标题、强调、列表、代码块等，并特别讲解了如何在Markdown中创建和使用链接，以及链接的多种形式，帮助读者熟练掌握Markdown的编辑技巧。

Refrence

https://www.zhihu.com/question/48490384/answer/131144097

{% post_link 文章文件名（不要后缀） 文章标题（可选） %}

如文章文件名为Hello-World.md：

{% post_link Hello-World %}
{% post_link Hello-World 你好世界 %}
Bing0lin
关注
免费搭建码云个人博客
123
05-03 2286
创建码云个人博客**下载安装Git****点击Download 2.26.2 for Windows开始下载(2.26.2是Git的版本号，可能会变，直接下载最新版即可)****安装Git，傻瓜式安装，除修改安装路径外都直接点击下一步****打开命令提示符窗口测试git是否安装成功（注：不能生成批处理文件，不能以管理员运行命令提示符窗口）****下载安装Node.js****选择任意版本进行下载*...
hexo stellar设置目录跳转记录
subtitle_的博客
05-07 711
hexo stellar设置目录跳转记录
hexo搭建个人博客_GitHubPage和Hexo搭建个人博客网站
weixin_39732609的博客
11-29 228
title: GithubPage和Hexo搭建个人博客网站 date: 2020-02-09 12:24:45 tags: - github - Hexo categories: GithubPage前言github支持githubPage静态界面来搭建我们的个人博客，自己配置。创建github仓库创建http://username.github.io仓库，同时setting中勾...
网页自动跳转的5中方法
热门推荐
lu_ing的专栏
05-27 1万+
网页自动跳转，是指当用户访问某个网页时，被自动跳转到另一个网页中去。下面介绍一下五种常见的网页自动跳转方法，以及搜索引擎对这些跳转方法的辨识能力。第一种网页自动跳转方法：meta refresh自动跳转法Refresh (刷新)说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。　　用法： 　　 　　注意：其中的5是指停留5秒钟后自动刷新到URL网址。
MarkDown页内跳转实现
请叫我小明 （坐标：西安）
11-12 1733
1. 先定义一个锚(id) span id="jump">Hello Worldspan> 2. 然后使用markdown的语法: [XXXX](#jump)
hexo在https 域名下自动跳转至http链接下的解决方案
MShuang6666的博客
07-29 2598
问题描述： 之前本人的 hexo 站点是部署在 https 安全域名下的（https://walkerhuang.cn），当点击菜单项的一些按钮时（归档、分类、关于），突然提示找不到相关页面，一看地址栏链接变成了 http://walkerhuang.cn/archives/ ，当时通过各种谷歌终于在 github 的 hexo 主题下的 issue 里找到了相似的内容，最终得出解决方案： ...
使用Hexo搭建个人博客-保姆级教程
云雨澄枫的博客
08-27 1728
使用Hexo搭建个人博客-保姆级教材 首先我们看一下最终效果，按照以下步骤最后就可以完成和我一样的博客 https://chen-mingxuan.gitee.io/blog-test/ PS：优快云不知道为什么不能用外链图片。，所以建议大家按我博客上的做，有问题写在评论里，或者联系我 一、准备环境 1.安装Typora 大家都有就不介绍了 2.安装nodejs 在这个网站中进行下载安装http://nodejs.cn/download/ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上
使用阿里云服务器+域名+hexo搭建个人博客
FungLi_notLove的博客
12-09 3771
如何快速搭建个人博客? 前言 我一直都想拥有一个属于自己的网站,自己的博客; 很开心,我做到了,这里就与大家分享一下我的搭建过程; 搭建个人博客大概有以下几个步骤: 本地环境配置:安装Node.js,Git,Hexo 阿里云服配置:域名备案,添加安全组,域名解析 服务器环境配置:安装Node.js,Git,Nginx,Pm2 github配置webhooks 注:我的本地环境为Win10,...
我使用Hexo+Github搭建Blog的经验
苑长的Index
06-03 636
小小目录说在前面的话本站介绍一些细节小小的提醒 :red_circle:npmHexoGithubHTML+CSS所以大尾巴 艾瑞克.史蒂文.雷蒙德&瑞克.莫恩 《提问的艺术》 尝试在你准备提问论坛的历史文档中搜索答案 尝试搜索互联网以找到答案 尝试阅读手册以找到答案 尝试阅读常见问题文档(FAQ)以找到答案 尝试自己检查或试验以找到答案 尝试请教懂行的朋友以找到答案 如果你是程序员，尝试阅读源代码以找到答案 说在前面的话   这是第一篇正式的Blog，记录这个小小网站的搭建的“血泪史”。.
基于Hexo框架的多功能个性化博客系统
目录导航功能则利用插件（如hexo-toc）自动提取标题层级生成文章内跳转链接，极大提升了长文阅读体验。此外，“评论系统高效集成gitalk”表明项目采用了基于GitHub Issues API的身份认证评论方案——Gitalk允许访客...
hexo排坑——页面跳转变成了下载
一步一个jio印
02-18 1256
背景：点击博客内文章链接后，没有打开文章，而是下载了一个压缩包 是因为修改了_config.xml（主文件夹下的设置文件，不是theme里面的），中的permalink参数中最后一个斜杠去掉了，重新加上之后可以点击了，可以参见自己在hexo g之后生成的文件名进行判断自己是否可以成功 注：如果少了冒号，将会一直跳转成第一篇博文 ...
hexo自建博客文章右侧目录跳转不了
狂小虎/Anthony Dave的博客 KuangXiaoHu's Blogs
09-12 1128
这个问题在小虎刚刚配置完博客的时候是不存在的，但是在后面的一些packages的升级后，发现点击文章目录跳转不了。
next文章目录跳转_使用hexo和next创建自己的个人博客
weixin_39882589的博客
11-29 939
1. 下载hexo博客框架1.安装node和gitHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章，在几秒内，即可利用靓丽的主题生成静态网页。这是官方的介绍。具体点这里参考hexo官方文档使用hexo之前，默认你已经安装了Git和Node.js.如果没有安装的话点击下面自己安装。1.Node.js2.Git记得安装git的时候看到Ad...
hexo踩坑之点击页面跳转变下载文件
qq_62928039的博客
09-15 325
今天配置abbrlink文件时出现了bug，索性删除了abbrling插件，改回原来的之后发现，点击文章链接变成了下载文件，，，（如下图）查阅之后发现问题所在是在config配置文件中的。
Hexo 高级设置
Yana's Blog
07-14 1064
该篇旨在Hexo的高级设置，博客搭建请查看Hexo+GitHub搭建个人博客操作同上。
next文章目录跳转_Hexo-NexT配置个人博客
weixin_39648492的博客
11-29 741
一、安装NexTHexo 安装主题的方式非常简单，只需要将主题文件拷贝至站点目录的 themes 目录下， 然后修改下配置文件即可。具体到 NexT 来说，安装步骤如下。1.克隆最新版本在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：$ cd your-hexo-site$ git clone https://github.com/iissnan/hexo-the...
hexo+next博客主页导航目录点击自动跳转配置方法
Dream Fly Together
05-08 3739
git bash中建立page： hexo new page 'subdomainname' 在subdomainname下的index.md中加入如下代码： <meta http-equiv="refresh" content="0;url=http://www.hai5g.cn/5gwiki"> </head> ...
hexo搭建个人博客t上传文章
最新发布
03-31
<think>好的，我现在需要帮助用户了解如何使用Hexo搭建个人博客并上传文章。首先，我得回想一下Hexo的基本流程，确保步骤正确。用户可能对前端开发不太熟悉，所以需要详细但简洁的步骤。 首先，安装Node.js和Git是必须的，因为Hexo基于Node.js，而Git用于部署到GitHub Pages。我需要确认用户是否已经安装了这些工具，如果没有的话，提供安装指南的链接可能会有帮助。不过用户可能想直接开始，所以先列出安装命令。 接下来是安装Hexo CLI，这需要全局安装，所以使用npm install -g hexo-cli。然后初始化博客项目，hexo init blog，接着进入目录并安装依赖。这部分比较基础，但需要确保用户正确执行每个步骤。 然后是本地预览，使用hexo server命令，这样用户可以在浏览器中查看效果。可能需要提示用户如果遇到问题，检查端口是否被占用或者依赖是否正确安装。 接着是写文章的步骤，hexo new命令会生成Markdown文件，用户需要编辑这个文件。需要说明Front-matter的作用，比如标题、日期、标签等，这对文章分类很重要。 主题部分，可能需要推荐几个流行的主题，比如NexT，并提供安装方法。用户可能希望自定义外观，所以需要引导他们修改配置文件，并注意主题的文档链接。 部署到GitHub Pages是关键步骤。用户需要创建仓库，配置_config.yml中的部署信息，安装hexo-deployer-git插件。这里需要特别注意仓库名称的正确格式，username.github.io，否则无法正确部署。最后执行hexo deploy命令，完成部署。 可能遇到的问题包括GitHub仓库设置错误，依赖安装失败，或者主题配置不当。需要提醒用户检查仓库名称，确保部署插件的安装，以及主题配置的正确性。 最后，生成相关问题时要考虑用户可能的后续需求，比如自定义主题、绑定域名、图片插入和备份方法，这些都是常见的问题点。 整体上，步骤需要清晰，命令准确，避免使用复杂术语，让新手也能顺利跟随操作。同时，引用部分需要正确标注，但用户提供的引用内容似乎不相关，可能需要忽略或调整。不过根据用户指令，还是需要保留引用标识，但实际内容可能不适用，这里可能需要处理一下。 总之，确保每个步骤都简明扼要，没有遗漏关键点，并且问题部分能够引导用户进一步探索Hexo的高级用法。</think>### 如何使用Hexo搭建个人博客并上传文章 #### 步骤1：安装环境依赖 1. **安装Node.js** 访问[Node.js官网](https://nodejs.org/)下载并安装LTS版本。 验证安装： ```bash node -v # 查看Node.js版本 npm -v # 查看npm版本 ``` 2. **安装Git** 访问[Git官网](https://git-scm.com/)下载并安装。 验证安装： ```bash git --version ``` #### 步骤2：安装Hexo 1. **全局安装Hexo CLI** ```bash npm install -g hexo-cli ``` 2. **初始化博客项目** ```bash hexo init blog # 创建名为blog的文件夹 cd blog # 进入项目目录 npm install # 安装依赖 ``` 3. **本地预览** ```bash hexo server # 启动本地服务器 ``` 浏览器访问 `http://localhost:4000` 查看默认博客页面。 #### 步骤3：撰写文章 1. **生成新文章模板** ```bash hexo new "我的第一篇文章" # 在source/_posts生成Markdown文件 ``` 2. **编辑文章内容** 用文本编辑器打开生成的 `.md` 文件，添加内容： ```markdown --- title: 我的第一篇文章 date: 2023-10-01 tags: [教程, Hexo] --- 这里是文章正文，支持**Markdown**语法。 ``` #### 步骤4：部署到GitHub Pages 1. **创建GitHub仓库** 新建仓库，命名为 `username.github.io`（`username`替换为你的GitHub用户名）。 2. **配置部署信息** 修改博客根目录的 `_config.yml` 文件： ```yaml deploy: type: git repo: https://github.com/username/username.github.io.git # 替换为你的仓库URL branch: main ``` 3. **安装部署插件** ```bash npm install hexo-deployer-git --save ``` 4. **生成静态文件并部署** ```bash hexo clean # 清除缓存 hexo generate # 生成静态文件 hexo deploy # 部署到GitHub ``` 访问 `https://username.github.io` 查看部署结果。 #### 步骤5：自定义主题（可选） 1. **安装主题** 例如使用NexT主题： ```bash git clone https://github.com/next-theme/hexo-theme-next themes/next ``` 2. **启用主题** 修改 `_config.yml`： ```yaml theme: next ``` 更多配置参考[主题文档](https://theme-next.js.org/)。 --- ### 关键注意事项 1. **GitHub仓库命名必须为 `username.github.io`**，否则无法通过默认域名访问。 2. 部署前需配置Git全局用户名和邮箱： ```bash git config --global user.name "你的GitHub用户名" git config --global user.email "你的GitHub邮箱" ``` 3. 若部署失败，检查仓库权限或`_config.yml`缩进格式[^1]。 ---
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值