首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Java爬坑系列

    HexoHexo 主题 Matery 配置

    比如我使用到主题是 Matery ,其项目地址为:git@github.com:blinkfox/hexo-theme-matery.git。 打开本地目录,来到与我们的博客项目同级的目录(注意是同级,不是在博客项目内部),将主题项目克隆到本地。 git clone git@github.com:blinkfox/hexo-theme-matery.git 在博客项目下的 themes 文件夹里新建一个叫 matery 的文件夹,然后将主题文件复制到这个文件夹里 是我的博客项目所在的文件夹,这里替换成你的即可。 代码高亮 由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下: npm i -S hexo-prism-plugin

    2.2K10发布于 2020-05-09
  • 来自专栏云+分享

    Hexo主题 | Hexo-yilia的配置

    我在使用yilia这个主题时用到的一些设置 获取Yilia主题 $ cd /hexo $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 其中/languages存放语言包,/layout存放主题布局文件,/source存放静态文件,如图片,图标等,/source-src存放外部引用资源 添加新页面 打开/ hexo/theme/yilia/_config.yml文件,在menu处修改为: menu: 主页: / 分类: /categories 标签: /tag 新建页面 hexo new page /img中 打开主题目录下的_config.yml文件,在reward_wording处修改 # 打赏 # 打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏 确保 node 版本大于 6.2 在博客根目录/hexo执行以下命令:npm install hexo-generator-json-content --save 在 hexo博客根目录_config.yml

    1.3K20编辑于 2021-12-13
  • 来自专栏用户8506532的专栏

    Hexo主题、部署上线

    Hexo主题、部署上线 Hexo系列文章已经完成上传: 一、Hexo准备—Node.js、Vue 二、Hexo主题、部署上线 三、Butterfly美化 四、Hexo之更换背景及透明度 至此hexo就安装完了 接下来初始化一下hexo,即初始化我们的网站,输入hexo init初始化文件夹 hexo init 之后可以运行hexo原始页面。 修改主题 1.主题推荐 官网主题:https://hexo.io/themes/ 推荐两款: Sakura 非常炫,缺点加载慢 https://github.com/honjun/hexo-theme-sakura Next 功能集成多,简洁,界面一般 https://github.com/theme-next/hexo-theme-next 2.Butterfly 此次我选择的主题是Butterfly 进入github /hexo-theme-butterfly 解压文件夹,将中的主题样式复制MyBlog\themes目录下: 修改站点配置文件config.yml,把主题修改为butterfly 之后老样子“三件套",

    88430发布于 2021-04-15
  • 来自专栏达达前端

    Hexo博客主题优化

    Hexo博客主题优化 添加背景图 在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images 本地文章优化 npm install hexo-generator-sitemap --save npm install hexo-generator-baidu-sitemap --save 站点配置文件 id="inline-yellow"> 站点配置文件 站点配置文件 主题配置文件 /source/tags的index.md --- title: #页面主题 date: #当前创建文件时间 type: "tags" # 设置页面类型 --- RSS $ npm install hexo-generator-feed --save Hexo 站点下的_config.yml # feed # Dependencies: https://github.com/hexojs/hexo-generator-feed

    1.1K80发布于 2019-07-03
  • 来自专栏快乐阿超

    hexo主题集成pug

    ——木心 文档:https://hexo.io/zh-cn/docs/themes 先创建hexo项目 hexo init simple-hexo 然后到themes新建一个主题文件夹 cd . \simple-hexo\themes\ mkdir simple-theme 修改外部_config.yml的theme theme: simple-theme 外部执行一下hexo s启动项目试试 新建一个layout目录,下面放一个index.pug .container Hello World 发现我们的pug代码并未渲染 这是因为我们没有安装pug插件导致的 到主目录执行 cnpm i hexo-renderer-pug pug元素成功渲染 好了,接下来你可以编写你自己的主题啦!

    38710编辑于 2022-12-28
  • 来自专栏全栈程序员必看

    hexo博客主题推荐_wordpress社交主题

    在线编辑hexo博客 hexo编辑文章时,其原生方式不便利,官网提供了一款插件hexo-admin界面化了markdown编辑器. 提取相册(壁纸) 新建相册(壁纸)文件 hexo new page wallpaper 修改主题目录下的_config.yml文件, 我的是提取到清单-相册导航处. 添加快捷导航 在博客根目录下的\source\_posts\navigate\index.md目录下新建快捷导航: hexo new page navigate 修改主题目录下的_config.yml文件 添加音乐导航页 在博客根目录下新增\source\_posts\musics\index.md文件 hexo new page musics 主题目录下的_config.yml文件中添加[清单-音乐]菜单 最全示例 --- title: 基于Hexohexo-theme-matery主题搭建博客并优化 date: 2019-10-03 14:25:00 author: 悟尘 img: /source/images

    72.5K20编辑于 2022-09-27
  • 来自专栏XC's Blog 日常笔记

    Hexo Butterfly主题配置

    布局定位属性:display / position / float / clear / visibility / overflow

    1.3K10编辑于 2023-03-10
  • 来自专栏Android 技术栈

    hexo博客更换主题

    Mac搭建Hexo博客流程记录 主题配置 因为之前搭建过所以更换起来相对比较简单,需要注意的地方: 没设置标题的时候会出现(no title)的情况,可自定义,我设置为空串了,在这里设置:theme/fexo "post-title"><%= post.title || '' %> 博客里的音乐的iframe,之前宽度是固定的,可设置为自适应:width="100%" 评论改为了gitalk,在主题下的 友链的介绍如果太长,在手机上样式会变型,最好是能一行显示完 常用的Hexo命令: 1.hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹 2. hexo server (hexo s --debug) 启动本地web服务,用于博客的预览 3.hexo deploy (hexo d)  部署播客到远端 4.hexo new "postName"   新建文章 5.hexo new page "pageName"  新建页面

    67130发布于 2021-04-09
  • 来自专栏Java开发

    hexo主题hexo-theme-yilia-plus

    hexo-theme-yilia-plus 一个简洁优雅的hexo主题 ➡️ https://github.com/JoeyBling/hexo-theme-yilia-plus     此项目是根据 hexo-theme-yilia主题做了一些优化和改动,写这个项目的初衷就是深入学习Hexo。 使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持,如使用过程中碰到问题,可以提出Issue,我会尽力完善 关于hexo-theme-yilia-plus主题在原基础上做了以下功能升级 yilia-plus 是为 hexo 2.4+制作的主题。 崇尚简约优雅,以及极致的性能。 你可以点击 我的博客 查看效果。 如果想体验手机浏览效果,可以扫一下二维码: ? 2、配置 修改hexo根目录下的 _config.yml ➡️ theme: yilia-plus 3、更新 cd themes/yilia-plus git pull 四、配置     主题配置文件在主目录下的

    1.8K10发布于 2019-07-26
  • 来自专栏赵俊的Java专栏

    Hexo搭建 --- 2、Hexo主题安装与配置

    简介 本次演示,使用Hexo最受欢迎的主题,也是本站使用的主题Next。 在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。 本文中站点配置文件的路径分别指的是: 站点配置文件:/root/blog/_config.yml 主题配置文件:/root/blog/themes/next/_config.yml 下载主题Hexo 1 theme: next 到此,NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存。 验证主题 首先启动 Hexo 本地站点,命令是 hexo s 当命令行输出中提示出: INFO Hexo is running at http://localhost:4000/.

    3.1K40发布于 2018-06-04
  • 来自专栏鱼的爱情看不出泪水

    Hexo搭建博客 - nexmoe主题

    因为自己对Volantis主题设置过于复杂,反而丢弃了博客的本意,就是多记录遇到的问题。所以改为用简单的noxmoe. noxmoe的文档写的感觉反而更容易让小白理解。 博客位置:d:\example\exampleblog 配置主题nexmoe 在 blog/_config.yml 文件中找到并修改: theme: nexmoe 在Git Bash终端输入 基础配置已完成 安装WordCount npm i --save hexo-wordcount 安装本地搜索功能 nexmoe主题可以使用Bing也可以使用本地搜索,经过测试后发现Bing几乎搜索不出来 21:18:02 password: hello --- 评论功能 需要将node_modules文件夹内的hexo-theme-nexmoe复制到项目文件夹\themes下。 本地运行Hexo命令及主题升级 本地运行hexo请到Hexo基础命令查看。

    74510编辑于 2023-03-03
  • 来自专栏晓晨的专栏

    Hexo 博客安装 Fluid 主题

    一.主题 使用 hexo 推荐选择一款自己喜欢的主题主题带有一些额外的功能适配,不需要自己去做,比如评论、友链、访问统计。 可以浏览官方网站来选择自己喜欢的主题:https://hexo.io/themes/。 我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。 二.安装 下面的命令默认在博客根目录执行 通过命令安装 npm install --save hexo-theme-fluid 修改 Hexo 博客目录中的 _config.yml: theme: fluid # 指定主题 language: zh-CN # 指定语言,会影响主题显示的语言,按需修改 创建 关于 页 hexo new page about 创建成功后修改 /source/about --save hexo-theme-fluid 现在通过命令 hexo s 来预览你新安装的主题啦 三.开启友链 可以和你的好友博客之间交换友链哦,Fluid 提供的友链的功能。

    1.3K20编辑于 2022-09-02
  • 来自专栏万丈高楼平地起

    7.hexo主题配置

    1.hexo 主题官网 http://theme-next.iissnan.com/getting-started.html 2.应用以及下载主题 说明:在 Hexo 中有两份主要的配置文件,其名称都是 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。 next 为主题名 //在终端窗口下,定位到 Hexo 站点目录下。 /next 2.启用主题 与所有 Hexo 主题启用的模式一样。 3.验证主题 //最好先清除缓存 hexo clean //打包 hexo g //启动 hexo s //发布到 github hexo s -d

    82120编辑于 2022-03-07
  • 来自专栏咕咕星

    Hexo-Matery主题美化

    下载安装Matery主题 首先在hexo官网主题里面搜索Matery主题点击进入作者大大的github,然后下载 master 分支的最新稳定版的代码,解压缩后将 hexo-theme-matery 的文件夹重命名为 可以在themes 文件夹下使用Git clone命令来下载: git clone https://github.com/blinkfox/hexo-theme-matery.git 切换主题 下载完后 ,将站点配置文件中的 theme 值修改为你下载主题的文件名 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io 安装4.2.0版本 npm install hexo@4.2.0 --save ? 主题的搜索功能 ? 需要安装 hexo-wordcount 插件 npm i --save hexo-wordcount 主题下的 _config.yml 文件中,激活以下配置项即可: wordCount: enable

    2.1K20发布于 2020-08-24
  • 来自专栏AnRFDev

    hexo主题使用与修改

    span= ' | ' span.updated = page.updated.format('ll') 如果在markdown文件中不添加updated这个值,那么hexo google_ad_client: "ca-pub-7286632197002340", enable_page_level_ads: true }); 添加侧边栏 添加一个微信公众号的侧边栏展示 主题 per_page: 30 yearly: true monthly: true daily: false 文章置顶及置顶标签 首先更换一下generator $ npm uninstall hexo-generator-index --save $ npm install hexo-generator-index-pin-top --save 再到themes/maupassant里,查找.post-meta,并且在下面添加top

    85710发布于 2021-02-01
  • Hexo之Next主题美化代码

    我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用 直接修改 \themes\next\source\css\_custom 将以下美化过程复制到custom.styl // CSS Style Guide: http://codeguide.co/#css $scheme = hexo-config('scheme') ? 2.在本地hexo根目录下的_config.yml文件中,添加以下配置 # Extensions ## Plugins: http://hexo.io/plugins/ #RSS订阅 plugin: post: true language: # --------------------------------------------------------------- # 设置不同的主题风格 per_page: true # hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.

    2.4K20编辑于 2022-12-28
  • 来自专栏码猿技术专栏

    Hexo的Next主题优化教程

    下载源码之后,直接解压到博客的themes的目录下,比如我的主题目录就是G:\hexo\themes\next。 配置文件的分类 hexo搭建的博客有两个yml配置文件,一个称之为站点配置文件,是根目录下的_config.yml,另一个是主题配置文件,是主题目录下的_config.yml文件。 author: 不才陈某 language: zh-Hans timezone: 修改主题 hexo博客的主题很多,想要切换也是很简单,直接在站点配置文件中设置即可,如下: # 切换next主题 theme ,效果如下: 图片 在根目录下安装hexo-wordcount,执行命令如下: npm install hexo-wordcount --save 安装完成后在主题配置文件中的配置参数如下: # Post 总结 本文主要介绍了Next主题美化的一些方法,关于Hexo博客搭建的教程网上很多,有不会的可以去网上搜搜教程。

    1.6K30编辑于 2023-08-25
  • 来自专栏半生瓜のblog

    hexo】butterfly主题添加备案信息

    butterfly主题添加备案信息 由于新版butterfly主题删除了ICP配置,所以我们无法直接通过改_config.yml文件来设置备案信息显示。

    1.5K10编辑于 2023-05-12
  • 来自专栏SmartSi

    Hexo+Github配置与主题

    安装与启用主题 最简单的安装方法是克隆整个仓库,在这里我们使用的是NexT主题: cd hexo git clone https://github.com/theme-next/hexo-theme-next themes/next 或者你可以看到其他详细的安装说明 安装后,我们要启用我们安装的主题,与所有Hexo主题启用的模式一样。 更改 主题配置文件,设定 rss 字段的值: false:禁用 RSS,不在页面上显示 RSS 连接。 留空:使用 Hexo 生成的 Feed 链接。 使用如下命令新建一名为 tags 页面: hexo new page "tags" (2) 编辑刚新建的页面,将页面的类型设置为 tags ,主题将自动为这个页面显示标签云。 -- more --> 手动进行截断,Hexo 提供的方式 推荐 (2) 在文章的 front-matter 中添加 description,并提供文章摘录 (3) 自动形成摘要,在 主题配置文件 中添加

    1.4K40发布于 2019-08-07
  • 来自专栏ISP图像处理相关

    Hexo博客Next主题相册搭建

    Hexo博客Next主题相册搭建 在blog文件夹/source下创建photos文件夹,在photos文件夹创建index.md文件,编辑index.md文件,写入以下代码: <style type

    55620编辑于 2022-01-14
领券