【Win10】Hexo 搭建个人主页 （三）文章显示摘要

最新推荐文章于 2022-08-01 17:16:07 发布
最新推荐文章于 2022-08-01 17:16:07 发布
阅读量1.6k 收藏 2
点赞数 4
分类专栏： hexo+github博客 文章标签： markdown html github hexo Win10
原则上允许部分内容转载，转载请注明原文章地址！
本文链接：https://blog.csdn.net/weixin_42429718/article/details/104258624
版权
前言

本篇博文是关于文章显示摘要。

如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章：

推荐阅读：【Win10】搭建个人博客 Hexo框架 （自制）

推荐阅读：【Win10】搭建个人博客 Hexo框架（部署到 github 上并 导入美化样式 ）

推荐阅读：【Hexo】搭建个人主页 （一）解决所有文章，缺失模块问题

推荐阅读：【Win10】Hexo 搭建个人主页 （二）配置图片资源

准备工作

问题：点击主页时，发现所有文章都是全文显示，不利于查找，那么我们可以控制显示的字数

解决办法。 在你 Markdown 格式文章正文插入 <!-- more -->即可，只会显示它之前的，此后的就不显示，点击文章标题，全文阅读才可看到，同时注释掉以下 themes/yilia/_config.yml，重复

# excerpt_link: more

先注释
在这里插入图片描述
然后正文前输入<!-- more -->
在这里插入图片描述

效果

在这里插入图片描述

学如逆水行舟，不进则退
一百个Chocolate
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
GitHub hexo搭建个人博客
06-10
GitHub+hexo搭建各个博客
个人博客系统-前后端,基于hexo搭建
最新发布
10-19
个人博客系统，可自定义模版
mac OS基于hexo 搭建个人静态博客（免费）
01-06
需要用到 node.js git hexo GitHub（或gitee）的账号 Windows系统的操作也差不多，除了个别命令不同以外。 静态博客就是用户访问的页面都是相同的，而动态博客是可以登录的，每个用户看到的页面也有差别。 hexo需要Node.js支持的，所以我们首先需要安装Node.js。 https://nodejs.org/en/ 下载下来后直接全部下一步安装。 打开终端 sudo su //切换到root用户 node -v //查看node.js的版本 然后用npm包管理器进行安装hexo，因为是国外的，下载起来会很慢，所以我们先cnpm安装淘宝的registry。 np
hexo-excerpt:Hexo的自动摘录生成器
04-29
六选一 自动摘录生成器 。 安装 $ npm install hexo-excerpt --save 此插件使用es6语法，请确保您的节点支持它。 特征 仍然有效！ 如果您像我一样懒惰，则该插件会为您生成摘录，而不会破坏您的句子或代码！ 如果未指定标签，则该帖子将使用节选和更多变量进行更新。 CSS选择器可用于过滤生成的摘录。 如何？ 该插件贯穿您的所有帖子，如果您的帖子中所包含的直接标签数量超过了配置的数量，则这些摘录将是摘录，否则将使用整个帖子。 配置 您可以通过在配置中设置depth来指定摘录的大小，默认为10。 您还可以使用CSS选择器从生成的摘录中排除某些标签。 与任何选择器匹配的标签将被排除。 默认行为是仅显示摘要而不是整个帖子。 将hideWholePostExcerpts设置为false可覆盖该内容并显示整个帖子摘录。 excerpt : depth
Hexo瞎折腾系列(4) - 站点首页不显示文章全文
weixin_30399797的博客
07-29 1614
文章摘要设置 打开主题配置文件 _config.yml 文件，找到如下： # Automatically Excerpt. Not recommend. # Please use <!-- more --> in the post to control excerpt accurately. auto_excerpt: enable: false length: 15...
Hexo如何只在首页显示文章摘要？
Mxeron的博客
08-01 821
Hexo首页显示
Hexo+Next博客首页显示文章部分预览_优化博客
qq_44727862的博客
10-09 1517
基于Next主题实现只显示部分文章只需要插入 <!--more--> #首页只会显示标记以前的内容，标记后的内容可以通过阅读更多查阅
Hexo系列(五) 撰写文章
热门推荐
半虹小站
08-07 2万+
在利用 Hexo 框架搭建一个属于我们自己的博客网站后，下面我们就来谈谈怎样在网站上书写我们的第一篇博客吧
Hexo博客摘要生成方法
ZHL's Blog
02-14 2334
1、前言 我们在使用Hexo和GithubPage搭建的博客中，常常需要在首页显示该文章的摘要。 2、方法 在Markdown编辑器中添加 <!-- more --> 例如 # 前言 github支持githubPage静态界面来搭建我们的个人博客，自己配置。 <!-- more --> # 创建github仓库 那该文章的摘要效果如图所示： ...
hexo搭建个人博客_GitHubPage和Hexo搭建个人博客网站
weixin_39732609的博客
11-29 151
title: GithubPage和Hexo搭建个人博客网站 date: 2020-02-09 12:24:45 tags: - github - Hexo categories: GithubPage前言github支持githubPage静态界面来搭建我们的个人博客，自己配置。创建github仓库创建http://username.github.io仓库，同时setting中勾...
用Hexo搭建个人博客共7页.pdf.zip
10-31
用Hexo搭建个人博客共7页.pdf.zip
Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客
08-27
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。这篇文章给大家介绍了VuePress搭建个人博客的过程，感兴趣的朋友一起看看吧
【Win10】Hexo 搭建个人主页 （四）文章显示目录
超逸の学习技术博客
02-11 1879
前言 本篇博文是关于文章显示目录。 如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章： 推荐阅读：【Win10】搭建个人博客 Hexo框架 （自制） 推荐阅读：【Win10】搭建个人博客 Hexo框架（部署到 github 上并 导入美化样式 ） 推荐阅读：【Win10】Hexo 搭建个人主页 （一）解决所有文章，缺失模块问题 推荐阅读：【Win10】Hexo 搭建个人主页 ...
Hexo基础—文章篇
smallblack
10-24 906
新建文章需要在命令行中输入： $ hexo new &amp;quot;new article&amp;quot; 之后在source/_posts目录下面，多了一个new-article.md的文件。 打开之后我们会看到： --- title: new article date: 2014-11-01 20:10:33 tags: --- 文件的开头是属性，采用统一的yaml格式，用三条短横线分隔。下面是文章正文。 文章的正文...
Hexo文章中设置显示摘要
dta0502的博客
11-23 5429
文章内容中插入一行 &amp;lt;!-- more --&amp;gt; 该标签之上的文本为摘要，需点击阅读全文才能查看剩余的内容。另外也可以在_config.yml配置文件中设置每页显示多少篇文章。 ...
设置hexo首页只显示部分摘要（不显示全文）
yueyue200830的博客
02-24 1万+
本文首发于github.io 本文针对Next主题，不确保对于其它主题有效（但从修改模式来看，是有效的） Next默认是会显示全文的，这样显然很不方便，因此需要一些方法去只显示前面一部分。 修改配置 首先需要在Next主题的_config.yml中把设置打开：(默认安装时就打开了) # Automatically excerpt description in homepage as preamb...
hexo首页文章显示查看原文按钮
阿甘的博客
01-12 5396
我们常常想在首页只显示文章的概述，而不是文章的全部，用一个 阅读全文 的字样代替，要怎么做呢？如下图： 在文章中只要写成如下格式即可： 这是摘要 这是全文 需要注意的是，点击 阅读全文 之后，文章会自动定位到 所在位置，想要修改成从头阅读需要修改 主题配置文件 _config.yml 文件： # Automatically scroll page to section
hexo 首页文章只显示一部分
枫之木落的博客
12-08 1万+
这个只要在文章中加上<!--more--> 标记 ，该标记以后部分就不在显示了，只有展开全部才显示，这是hexo定义的。 这样每次添加这个标记有点麻烦，也可以自定义添加，不过可能会导致排版错乱，自定义配置链接https://twiceyuan.com/2014/05/25/hexo%E8%87%AA%E5%8A%A8%E6%B7%BB%E5%8A%A0readmore%E6%A0%87%E8%AE
【源码开放】Hexo+Github+Coding 博客butterfly 和 matery 主题 搭建完全教程【整理】
超逸の学习技术博客
04-24 1万+
注意，这篇文章篇幅较长，主要针对新手，每一步很详细，所以可能会显得比较啰嗦，所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看，谢谢您的支持~
hexo搭建个人博客
08-13
你想了解如何使用 Hexo 搭建个人博客，是吗？我可以为你提供一些基本的指导。首先，你需要按照以下步骤进行操作： 1. 安装Node.js：Hexo 是基于 Node.js 的静态网站生成器，所以你需要先安装 Node.js。你可以在 Node.js 官方网站上下载适合你操作系统的安装包，并按照指示进行安装。 2. 安装Hexo：打开命令行终端，运行以下命令来安装 Hexo： ``` npm install -g hexo-cli ``` 这将全局安装 Hexo 命令行工具。 3. 初始化博客：选择一个合适的目录作为你的博客根目录，并在终端中进入该目录。然后运行以下命令来初始化博客： ``` hexo init myblog cd myblog npm install ``` 这将创建一个名为 "myblog" 的新目录，并在其中初始化 Hexo。 4. 配置博客：在博客根目录中，找到名为 `_config.yml` 的文件，并使用文本编辑器打开它。在这个文件中，你可以配置博客的各种设置，比如标题、描述、作者等。根据你的需求进行相应的修改。 5. 创建新文章：使用以下命令来创建一个新的文章： ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录中创建一个名为 "my-first-post.md" 的 Markdown 文件。你可以使用 Markdown 语法来撰写文章内容。 6. 预览博客：运行以下命令来启动本地服务器，并预览你的博客： ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000`，你将看到你的博客的预览页面。 7. 部署博客：当你完成了博客的撰写和调试，可以使用以下命令来生成静态文件并部署到你的博客托管平台： ``` hexo generate hexo deploy ``` 这将生成一个名为 "public" 的目录，其中包含了你的博客的静态文件。你可以将这些文件上传到你选择的托管平台上，如 GitHub Pages、Netlify 等。 这些是使用 Hexo 搭建个人博客的基本步骤。当然，在实际使用过程中，你还可以根据需要安装主题、插件等来增强博客的功能和外观。希望这些信息对你有所帮助！如果你有任何进一步的问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

一百个Chocolate

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

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

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

打赏作者

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

抵扣说明：

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

余额充值