首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo |我在我的文章中添加了一个电子图表,但它只显示在主页上,当我点击`阅读更多`它就消失了

Hexo是一个基于Node.js的静态博客框架,它可以帮助我们快速搭建个人博客网站。在Hexo中,我们可以使用Markdown语法来编写文章,并且可以通过插件来扩展其功能。

对于你提到的问题,电子图表只显示在主页上,当点击阅读更多后消失的情况,可能是由于Hexo的默认配置导致的。在Hexo中,默认情况下,只有在主页上显示文章的摘要部分,当点击阅读更多后才会显示完整的文章内容。

要解决这个问题,你可以尝试以下几个步骤:

  1. 确保你的电子图表的代码正确无误,并且在Markdown文件中正确引用了该图表。可以通过在本地预览博客来确认图表是否正常显示。
  2. 在Hexo的配置文件中找到_config.yml,并打开它进行编辑。
  3. 在配置文件中找到excerpt_link这一项,它控制了在主页上显示文章摘要后是否添加阅读更多链接。将其设置为false,即可在主页上显示完整的文章内容,而不是只显示摘要部分。
  4. 保存配置文件,并重新生成博客网站。可以使用hexo generate命令重新生成静态文件,然后使用hexo server命令启动本地服务器进行预览。

通过以上步骤,你应该能够解决电子图表只在主页上显示的问题,并且在点击阅读更多后仍然保持图表的显示。

关于腾讯云的相关产品,可以考虑使用腾讯云对象存储(COS)来存储你的电子图表文件。腾讯云对象存储是一种高可用、高可靠、低成本的云存储服务,适用于存储和处理各种类型的非结构化数据。你可以将电子图表上传到腾讯云对象存储中,并在Hexo的文章中使用腾讯云对象存储的链接地址来引用图表。

更多关于腾讯云对象存储的信息和产品介绍,你可以访问以下链接: 腾讯云对象存储:https://cloud.tencent.com/product/cos

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用Hexo-neat插件对网页进行压缩

,可以直接查看第二条教程了解更多细节内容。...桃心点击效果消失 如果参考过其他美化教程,可能你桃心点击效果消失 需要在配置项相应位置添加 # 压缩js neat_js: enable: true mangle: true...js配置项 - '**/comments.gitalk.js' 总之就是那里报错哪里。...压缩html时不要跳过.md文件 .md文件就是我们写文章markdown文件,如果跳过压缩.md文件,而你又刚好在文章中使用到了NexT自带tab标签,那么当hexo在生成静态页面时就会发生解析错误...这也是某种意义等价交换吧,以我为例,现在都不怎么敢用hexo clean指令,因为文章已经接近400篇,每次重新部署需要10分钟乃至更久。

1.2K40

当卡片式UI不再流行,列表式UI将是王牌

我们第一次接触卡片问题是 Goal News 发布之后 - 见图。屏幕可以看见少量抱怨文章。例如: ? 用户关于卡片得反馈截图 太多图片而且需要不停地滚动。只是想快速浏览新闻。...通过这个我们确定一个共同用户目标,需要快速阅读,只得到最新新闻概述就够了。 进一步需要研究一下现在问什么没有实现这一目标。下面是我们得一些研究。...Spox.com - 重新设计 旧主页如上所示。 您可以 Spox 电视季后赛 横幅上方小图片看到大量点击事件。 这些点击会使导航轮播。 他们在此页面上点击次数为43%。...移动模式 当我们研究移动设备行为时, 我们访问了一个基于列表 UI 网站(下面,左)和两个基于卡片 UI 网站(下面,,右)。...虽然用户滚动更多,他们仍然看到较少内容,比较左侧网站少了3篇文章。 可阅读文章数 很明显,列表好处是你可以视图中放更多新闻文章,从而更快地扫描标题。

3.1K70

这可能是迄今为止最全hexo博客搭建教程

Hexo 本地 这里个不算坑坑,终端输入hexo s后没有成功,也在网上搜到了很多解决办法,但是都没有奏效,后来尝试改了下端口就成功,也就是说默认4000端口无法连接。...: xxx top: 10 --- NexT 首页文章 加载更多 设置 这里只说一个方法:编辑文章时,您希望显示 加载更多 按钮地方,加上<!...ssh_key Title 里任意一个标题,将复制内容粘贴到 Key 里,点击下方 Add SSH key 绿色按钮即可,如下图所示: ?...还有一个选择,就是花钱成为 Coding 会员,这样上述问题就都没有。 首先到Coding注册。创建仓库跟 GitHub 创建仓库要求一样。...robots 感谢 自己搭建博客时,很是折腾一番,也学习到了很多知识,阅读了很多相关博文,在此向相关博文作者表示感谢,谢谢你们文章进步。

1.9K41

这可能是迄今为止最全hexo博客搭建教程

Hexo 本地 这里个不算坑坑,终端输入hexo s后没有成功,也在网上搜到了很多解决办法,但是都没有奏效,后来尝试改了下端口就成功,也就是说默认4000端口无法连接。...: xxx top: 10 --- NexT 首页文章 加载更多 设置 这里只说一个方法:编辑文章时,您希望显示 加载更多 按钮地方,加上<!...ssh_key Title 里任意一个标题,将复制内容粘贴到 Key 里,点击下方 Add SSH key 绿色按钮即可,如下图所示: ?...还有一个选择,就是花钱成为 Coding 会员,这样上述问题就都没有。 首先到Coding注册。创建仓库跟 GitHub 创建仓库要求一样。...robots 感谢 自己搭建博客时,很是折腾一番,也学习到了很多知识,阅读了很多相关博文,在此向相关博文作者表示感谢,谢谢你们文章进步。

5.1K50

基于 Hexo 从零开始搭建个人博客(五)

阅读本篇前,请先阅读前几篇文章: 基于 Hexo 从零开始搭建个人博客(一) 基于 Hexo 从零开始搭建个人博客(二) 基于 Hexo 从零开始搭建个人博客(三) 基于 Hexo 从零开始搭建个人博客...如果不清楚根目录路径,请回到教程 基于 Hexo 从零开始搭建个人博客(二),查看你执行hexo init xxx这条命令时所选择路径,例如我选择路径是【G:/hexo-blog】,博客根目录即为...true 全部代码框不展开,需点击>打开 false 代码框展开,有>点击按钮 none 不显示>按钮 true false none 代码换行 默认情况下,Hexo 在编译时候不会实现代码自动换行...文章封面 文章markdown文档Front-matter添加cover,并填上要显示图片地址。如果不配置cover,可以设置显示默认cover。...如果有文章(例如:转载文章)不需要显示版权,可以文章页Front-matter单独设置。

97430

Hexo部署远程仓库(Conding、Gitee、Github)

完成项目创建后,点击项目设置,把持续部署打开(新版默认关闭)找了好久 ?...git bash测试是否连接成功: ssh -T git@git.coding.net 最后就是 hexo clean hexo g hexo s #本地测试通过了在上传 hexo d #上传到...git仓库 刷新仓库就会看到里面增加了一些内容,打开持续部署-静态网站-新建静态网站 网站名字随便取(并不是网站title)点击保存即可 然后就会生成一个静态访问地址 ?...四、博客部署到Github 由于国内访问这个网站比较慢,除非你有特殊手段,不过github资源是真的丰富 1、github创建个人仓库 首先注册一个github账号GitHub挂网 主页 https...2、添加SSH 公钥 ssh,简单来讲就是一个秘钥,其中id_rsa是你这台电脑私人秘钥,id_rsa.pub是公共秘钥,把这个公钥放在GitHub,这样当你链接GitHub自己账户时,它就会根据公钥匹配你私钥

1.1K30

Hexo博客静态资源加速

点击查看更新记录 更新记录 2020-12-08:内测版v0.01 将优化日记简略内容移至本帖。 对原内容进行拓展,讲解具体操作步骤。 拓展jsdelivr,imagine,gulp使用方法。...实际就是使用@import引入自定义样式。以下内容Hexo异步加载方案亦有提及。 将魔改样式整合到index.css文件内,减少对服务器请求次数。能够节省大量加载时间。...很多第三方魔改方案中都有涉及侧边栏改造部分,当我们有一天想要暂时关闭一个侧栏,那么直接修改card_XXXX.enable值为false,这么做确实可以不加载侧边栏结构,但是CSS依然是引入。...Pjax适配方案 魔改过程,不可避免要加载诸多第三方js,为了加快页面编译速度,可以用异步加载以减少HTML阻塞,也可以将多个js文件合并成一个以减少请求次数。...例如我主页面放置card_artitalk侧栏说说插件,而artitalkkey.js是inject配置项全局引入,那么,当我切换到文章页后,card_artitalkHTML结构不再出现,但是

2.6K40

搭建Hexo博客-第3章-Markdown语言介绍及编辑博客

搭建Hexo博客-第3章-Markdown语言介绍及编辑博客 大家好,如果你按照上一篇文章内容安装并部署博客,那么现在在你主页应该有一篇 Hello World,并且博客目前使用主题是默认... Markdown 一个空格就是一个空格,但多个空格还是一个空格,比如这样: 这句话有四个 空格 但它显示效果是这样: 这句话有四个 空格 9.小结 好了,关于 Markdown 就介绍这么多吧...有 title 能在编译时收录到主页目录当中,就像这里 剩下内容就靠你自由发挥啦, 加载本地图片 在这里要介绍一下之前说到的如何在博客添加本地照片。...要在 _posts 当中建立一个和 md 文件同名文件夹,也就是建立一个 my_first_blog 文件夹,把那张图片放到里面去。然后文章这样引用 !...你可以百度搜索 Hexo ,进入官网后选择主题那一板块,也可以 点击这里 直接进入。 在其中选中你喜欢一个主题,点击图片可以看到主题贡献者主页点击主题名字可以进入主题源文件页面。

51640

Hexo-完全免费全平台搭建个人博客(1)-整体搭建

2017-03-0911:04:17 发表评论 2,405℃热度 几个月前就想写这篇文章,很多人也让写过,也帮很多人搭建过,但是一直没时间纪录下来,这次有时间,把安装过程详细记录下来。...修改主题为 next 后,可以顺便把配置文件里面的其他东西一并修改,下面是修改好_config.yml ,个人添加了详细解释,大家根据自己情况修改(_config.yml是博客整体配置文件,很多基础配置...有些人是其他博客转过来,之前还有文章,一篇一篇复制过来太慢,像我文章快100多篇,手动转换的话估计没人愿意转移到 Hexo 平台下。所以就有一键迁移这个工具,试了下,效果还不错。...4.Github域名设置 经过以上步骤,网站在本地已经有模有样,就差部署到服务器上了,这样普通用户就可以通过网络任意访问你写文章,而不是只有你本地或者局域网能访问,那这样博客意义也就消失。...发布完成,可以进 Github 看一看自己仓库: ? 打开 GitHub 仓库,刷新一下页面,然后访问 xxxxx.github.io,就可以看到你博客。 ? ?

4.6K90

将博客从jekyll迁移到hexo

本文由腾讯云+社区自动同步,原文地址 https://stackoverflow.club/migrate_from_jekyll_to_hexo/ 背景 大概是2017年年末,当我看到大多数编程相关问题都是博客得到解决...某天观摩朋友主页后被惊艳到了,原来hexonext可以这么美。于是就萌生了将博客迁移到hexo想法。 迁移指南 在这里可以找到各种博客系统迁移到hexo详细步骤。...security: false betterPerformance: false 但实际,配置其为 true并不能正常显示文章阅读量。...阅读排行 按这篇博客步骤来即可,无坑。...文章字数与阅读时间 参考 github,安装npm插件 1 npm install hexo-symbols-count-time --save 先在站点配置做如下更改: 如果没有类似选项,需要自行加上

58130

以下是Python3个主要应用程序。

从这张图表可以看出,不同日子里这种差异比较一致。 从这个分析你会得出结论:这种产品男性中比女性更受欢迎。 但如果你看到像这样图表呢?...所以,让个人经历给你一个例子。 曾经日本一家小型创业公司工作,那里有一个电子邮件支持系统。这是我们回复客户通过电子邮件发送给我们问题系统。...当我在那里工作时,任务是计算包含某些关键字电子邮件数量,以便我们可以分析收到电子邮件。 我们本可以手动完成,但相反,编写了一个简单程序/简单脚本来自动执行此任务。...你可以使用名为PyGame库来开发游戏,但它不是最受欢迎游戏引擎。你可以用它来构建一个业余爱好项目,但如果你认真对待游戏开发,个人不会选择它。...顺便说一句,Python并不是编写后端/服务器端代码唯一好选择。还有许多其他流行选择,包括基于JavaScriptNode.js。 无论如何,非常感谢您阅读文章

71820

使用hexoGitHub搭建个人博客

理想主义功能不是卖钱,是它在实用主义无力时候延伸无言 ——严明 ---- 1.安装hexo 什么是hexoHexo一个快速、简洁且高效博客框架。...安装前提 安装hexo之前,需要你系统里有node.js和Git环境,这两个环境都存在于centos,如果想要安装较新版本,Git安装在之前文章已经解释过, 安装 Node.js 最佳方式是使用..._drafts,其实就是写博客草稿 这里新建了一个测试页 Hexo new test 然后进入source/_posts/test.md文件编辑文章 ?...之后执行hexo clean hexo g hexo d 进入站点就可以看到新建文章 ?.../zh-cn/docs/ 关于hexo博客一些建议或者想法欢迎各位在文章下方留言 阅读原文可查看本人博客,博客正在建设。。。

61420

Serverless实战:打造个人阅读追踪系统

而在《去伪存真的知识管理之路》一文也详细阐述了如何将网络碎片化文章纳入统一稍后阅读体系,比如有时候朋友圈看到一篇好文章,但暂时没时间直接看,或是这篇文章值得再读一遍,细读一遍,那么就会将其存入稍后阅读工具即...其实发现文章堆积一个永恒痛点就是没有有效方式追踪自己阅读需求与能力,其核心原因在于阅读速度赶不上添加速度。...与之对应一个名词可能就是Function As a Service(FAAS),由AWS Lambda这个命名就能想到,当我构建Serverless架构时,实际我们是一个Function...众多稍后阅读工具无比喜爱Instapaper并迟迟没有转到Diigo原因就在于它优秀、简洁、纯粹阅读体验,让人可以专注阅读本身这件事情,在被Pinterest收购之后更是将所有的诸如全文搜索...具体详细代码就不贴了,更多内容都已经放在GitHub:JimmyLv/demo.serverless-mern,与此同时阅读列表也公开在GitHub:Issues · JimmyLv/reading

1.3K60

前端开发学习-UI库MDB

前端开发,一路都是自学看书过来,从最基础HTML+CSS+JavaScript,之前文章也都有提到过,包括后面的JQuery和Bootstrap,以及重量级框架Vue和React,目前业余时间正在进行...偶然搜寻当中,找到了一个网站,它就是MDBootstrap....主页面 这就是MDBootstrap主页,他涵盖了jQuery、Angular、React、Vue教程,最近正在学习React,想抓紧提升React能力,这点MDBootstrap做得很不错...代码 左侧选择Buttons,我们就可以看到自己喜欢按钮代码,MDBootstrap很友好,我们只需要把现成代码点击一下复制代码,就可以项目中应用了。...目前正在开发自己个人网页,如果不出意外它应该是用React开发也是正在学习阶段,当我学习完毕后,我会整理出相应文章敢向你保证,这个个人主页绝对要比Hexo+Github酷炫多了。

1.6K20

【玩转 Cloud Studio】带你体验不一样搭建博客!

大家好,是小 Bob,一个关注软件领域而又执着于计算机底层开发者~之前我们使用Hexo搭建过个人博客,整个项目一开始是部署本地,那么就需要我们下载相关编辑器和Git以及Hexo相关文件,对于一个本来就有很多文件电脑来说...网址如下:https://cloudstudio.net/图片简单来说,Cloud Studio 是基于浏览器集成式开发环境(IDE),为我们开发者提供一个稳定云端工作站。...这里小编以创建一个Hexo模板为例:首先在主页面的下方找到新建工作空间,这里小编以点击Hexo模板为例:图片小编在这里想要说明是我们也可以把之前自己代码仓库拿来进行修改,代码来源选择导入仓库即可。...也可以项目的下面运行相关命令,可以说是非常方便啦:图片当我们修改项目里相关代码后,可以使用命令执行,比如这里小编在修改一点点文字后,输入hexo server便开始执行啦:图片当然,你也可以直接拖拽文件到项目里面...最后,当我们不运行项目时,切记要关闭项目,毕竟当前免费体验是有时间限制哦~关闭时候找到如下这个东东,点击关闭即可:图片当然,想要知道更多搭建博客文章,也可以历史文章中找到哦。

81992

利用 GitHub 从零开始搭建一个博客

趁着周末,搭建了一下 NightTeam 官方博客和官方主页,耗时数个小时,两个站点终于完工。这里写一篇文章顺手记录了下来。不过这篇原创发在 NightTeam 上面,这边就作为转载。...博客相对复杂一点,使用了 Hexo 框架,采用了 Next 主题,搭建过程就顺手把搭建流程大致记录下来了,在这里扩充一下形成一篇记录,毕竟好记性不如烂笔头。...可以看到页面右上角显示 GitHub 图标,点击可以进去到 Repository 页面。...标签页 现在我们博客只有首页、文章页,如果我们想要增加标签页,可以自行添加,这里 Hexo 也给我们提供这个功能,根目录执行命令如下: hexo new page tags 执行这个命令之后会自动帮我们生成一个...部署脚本 最后这边还增加了一个简易版部署脚本,其实就是重新 gererate 下文件,然后重新部署。

95850

Hexo+github搭建个人博客环境配置和发布(图文详解)

一篇博文 《Hexo+github搭建个人博客-环境搭建篇》 ,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境。...$ sudo npm install 执行成功后,hexo-blog目录下将会增加一个模块 node_modules: 关联保存将会使用到hexo依赖包 ....二、配置博客 当我博客初始化完成以后,接下来要做就是对其进行个性化配置. 为了让大家更好懂,下面就以配置博客 博客 为例进行讲解。...# 分页目录 8) 主题配置 一般从这里开始,都是属于Hexo拓展插件配置,下面这段是配置我们博客所要使用主题名字,想要获取更多主题,可以参考:http://hexo.io/themes/ #...五、 GitHub 配置 Hexo+github搭建个人博客-环境搭建篇 》 一文,我们对Github有一个基本了解,并且已经本地搭建好了git基本环境。

85020

HexoNext主题优化教程

前言 陈某独立博客搭建已经有三年多时间,使用Hexo+Git,一直使用主题是jacman,前几天女票看到说太LOW,这哪能忍,必须换一个逼格高点。...添加全文阅读按钮 Next主题默认是没有全文阅读按钮文章是全部展开形式,但是可以设置成如下效果: 图片 共有两种配置方法,分别如下: md文件需要折叠地方添加,则在其下方内容都将会折叠起来,只有点击阅读全文按钮才会显示出来。.../favicon.ico 添加文章字数统计功能 该功能能够为每篇文章计算字数以及阅读大致需要时间,效果如下: 图片 根目录下安装hexo-wordcount,执行命令如下: npm install...作者博客并没有设置单独域名,完全是搭建Github,个人觉得没必要一个单独域名,完全是自己学习以及工作心得,因此没搞这些,不喜勿喷,哈哈………

60230

Hexo之魔法操作

常规基本操作 写作 我们搭建好了Hexo博客之后,肯定是需要写文章上去。...categories: hexo #文章文类 tags: [hexo,github] #文章标签,多于一项时用这种格式 --- 正文,使用Markdown语法书写 写完文章后,可以先预览,或者直接推送到服务器...分类(不适用于分页) permalink 覆盖文章网址 基本变量参数 标题(小写,空格将会被替换为短杠) 强大标签插件 标签插件和 Front-matter 标签不同,它们是用于文章快速插入特定内容插件...这个其实在Hexo官方文档都有比较完善,大家想了解更多的话,还是建议去那里看,这里主要放一些用到过,以及自己一些理解。...为主页文章添加阴影效果 \themes\next\source\css\_custom\custom.styl文件内增添如下代码: // 主页文章添加阴影效果 .post { background

73120

github搭建自己博客

这时候可以index.html里面写主页代码,不想写继续往下。...//localhost:4000 写文章 主目录下执行命令可新建一个md文件,也可以自己新建到source/_posts目录下 hexo new "文件名" #新建文章 hexo new page...下载主题 先找到你想象滑板鞋( 官方模板库 ),克隆模板到hexothemes目录下。...仓库根目录添加一个文件CNAME(没有扩展名),内容是你域名: 参考 acupt.cn www.acupt.cn 配置两个域名,一个主域名acupt.cn,一个大家比较熟悉www.acupt.cn...当初搞了个一年服务器,因为在国外,就趁机搭建了一个访问外国网站服务器爽几天。薅羊毛注意:一年到期不会自动消失,会开始扣费(信用卡),注意提前关闭,或者留意官方英文提醒邮件,不然。。。

85430
领券