精华内容
下载资源
问答
  • Hexo自定义页面的方法

    千次阅读 2017-10-18 12:04:05
    但在使用Hexo的过程中遇到一个小问题,Hexo默认会对/source/里的所有页面应用主题模板渲染,但有一些前端作品或demo页我们不希望经过渲染,而是能保持完全自定义的样子,那该怎么用Hexo添加自定义的web页面呢?...

    Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在Github Page上的,但在使用Hexo的过程中遇到一个小问题,Hexo默认会对/source/里的所有页面应用主题模板渲染,但有一些前端作品或demo页我们不希望经过渲染,而是能保持完全自定义的样子,那该怎么用Hexo添加自定义的web页面呢?

    下面介绍两种方法。

    第一种方法是使用Hexo提供的跳过渲染配置,适用于整个目录的设置。具体步骤,打开博客根目录_config.yml,找到其中skip_render项,这个项目用来配置/source/中需要跳过渲染的文件或目录,例如希望跳过/source/projects/里的所有文件渲染,可以配置为:

    skip_render: projects/**

    匹配规则是一种类似正则的规则,官方给出的参考是这个。另外在测试这个功能的时候发现,Hexo的内部缓存不是特别好用,有时候你修改了配置但生成出来的内容不一定及时应用了新配置,最好在生成之前执行一下hexo clean命令,清除掉旧的生成文件和缓存。

    第二种方法是给单个文件添加不应用模板的标记,适用于个别特殊文件的处理。例如我们的网站如果要使用百度统计,往往需要在根目录放一个html格式的验证文件,这个文件默认也会经过用主题模板渲染,避免渲染的办法就是在文件头部添加如下内容:

    ---
    layout: false
    ---

    这样,这个文件就不会经过模板渲染,最终发布到/public/里的文件就是去掉标记后的文件的样子。

    展开全文
  • 即自己写的页面作为 http://user.github.io 的页面,将hexo博客放在http://user.github.io/blog上,怎么做?那就接着往下看…首先在看接下来的内容之前你至少已经会如何将hexo博客搭建在github page上了,如果还...

    如果你想了解如何在 GitHub Pages上传自己写的网页作为首页,hexo博客作为其子页?即自己写的页面作为 http://user.github.io 的页面,将hexo博客放在http://user.github.io/blog上,怎么做?那就接着往下看…

    首先在看接下来的内容之前你至少已经会如何将hexo博客搭建在github page上了,如果还不会的童鞋可以查阅我之前写的文章:如何使用github + hexo搭建属属于自己的博客;

    关于如何使用个人网页做主页的教程网上也有不少,但大多是给你一大段git命令,像我这中纯粹因为好玩还没好好学习git命令的人来说实在是太艰难了,好在在不断的摸索中,终于总结出来了一套不怎么需要太多Git命令的方法来,但要完全操作下来至少你也要对node,git,hexo有所了解。

    之前我的想法是通过子域名访问,即主域名(yoursite.com)和子域名(blog.yoursite.com)都解析到你的GitHub Pagesyourname.github.io。然后再自定义主页,比如index.html。但通过查阅资料了解到了一个新的概念,叫做分支。

    那么你首先要明白什么是分支?我们知道github page给我们提供了免费的服务,但我们只能创建一个仓库来存放并展示我们的页面,但我们知道一个人不可能只有一个项目,那如果每次查看都要重新部署到主github page那也太麻烦了,所以github提供了分支功能,你只要把项目设置为master的分支就可以通过yourname.github.io/分支去访问,当然分支的作用远不及此,用兴趣的同学可以自己去查看相关资料,这里我就不再赘述了。

    新建一个repository名字可以随意,我的是blog。那么你现在就有了一个空的repo了,注意这里创建的时候不需要CNAME文件的。创建完成之后你可以先放着不去管它。我们先把修改配置文件,将博客上传到这个仓库中。

    修改Hexo配置问件_config.yml

    找到url下的root 修改成/你起的名字/ (博主这里就是/blog/)url也要改1

    2

    3

    4

    5

    6大专栏  Hexo自定义页面做首页>//# URL

    //## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

    url: https://www.yfvip.top/blog

    root: /blog/

    permalink: :year/:month/:day/:title/

    permalink_defaults:

    然后再找到_config.yml下的deploy,把repository改成你新的repository的clone地址1

    2

    3

    4deploy:

    type: git

    repo: https://github.com/Qiu522/blog.git

    branch: master

    重新部署你的博客

    在对应文件下得git bash下输入 hexo g -d,打开你刚才新建的repo你会发现已经存在博客文件了,当然不用着急,现在这纯粹只是一个仓库还不能够直接访问。点击settings,一直往下翻找到github pages这儿点source选择master branch,然后点save保存

    settings.jpg

    清空原来那个repo

    到了这一步你就可以将原来的repo里的内容清空了,然后放进你自己想要的个人主页进去,如果想跳转到你的博客只需要通过链接跳转就好了。1

    总结

    到这你就完成了你博客的部署,你也可以根据需要安装配置你的主题,有兴趣的同学可以深入学习一下git命令操作,毕竟你要使用github进行版本控制或者团队协作都需要你对git有做了解,最后希望我的教程能对你有所帮助。

    原文:https://www.cnblogs.com/lijianming180/p/12433479.html

    展开全文
  • 由于Vercel默认的404页面与网站内容相比较为割裂,这里选择通过vercel.json自定义一个404页面,并且是通过hexo页面功能,可以更好的保持网站的统一风格。 创建Hexo中的404页面 首先我们先创建一个404页面,这样...

    本帖首发于现代人博客内容可能有后期变动,欢迎前往阅读最新内容,与博主互动~
    由于Vercel默认的404页面与网站内容相比较为割裂,这里选择通过vercel.json自定义一个404页面,并且是通过hexo的页面功能,可以更好的保持网站的统一风格。

    创建Hexo中的404页面

    首先我们先创建一个404页面,这样可以统一整体的风格。

    hexo n page '404'
    

    然后我们编辑这个文件,

    ---
    title: 404 - 这个网页并不存在~ Not Found
    date: 2021-02-06 22:55:12
    comments: false
    sitemap: false
    ---
    # 你想写的内容
    <script language="javascript" type="text/javascript"> 
    setTimeout("javascript:location.href='/'", 10000); 
    </script>
    

    由于是404页面,这里比较建议关闭评论,这里通过js进行定时10秒跳转,需要的可以自己修改。
    由于我们不想让这个页面被收录,这里如果你安装了sitemap插件,同样要禁止生成此页面的sitemap。

    配置Vercel.json

    source中我们新建一个vercel.json键入以下内容

    // 参考csdn,具体链接见上。
    {
        "version": 2,
        "routes": [
            {
                "handle": "filesystem"
            },
            {
                "src": "/(.*)",
                "status": 404,
                "dest": "/404/"
            }
        ]
    }
    

    这样每次就能改变默认的404地址啦~

    修改Robots.txt等文件

    记得修改robots.txt中禁止爬虫爬到404页面,如果你没有的话可以用这个工具生成一份,顺便可以配置下sitemap

    这里简单展示一下本站的:

    # robots.txt generated at http://tool.chinaz.com/robots/ 
    User-agent: *
    Disallow: 
    Disallow: /404/
    Disallow: /img/
    Disallow: /js/
    Disallow: /css/
    Sitemap: http://xiandai.ren/sitemap.xml
    Sitemap: http://xiandai.ren/baidusitemap.xml
    

    以及,如果你安装了sitemap插件,请在_config.yml的配置项中的skip_render中添加

    # Directory
    
    code_dir: downloads/code
    i18n_dir: :lang
    skip_render:
        - vercel.json
    
    

    Try it!

    这样上传后,你会发现访问任意不存在的页面就会出现我们先前设置的东西啦~ 当然也可以玩出更多花样欢迎在评论区跟小编讨论哦~

    展开全文
  • Hexo自定义页面的两种方法

    千次阅读 2017-07-15 22:12:00
    Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在Github Page上的,但在使用Hexo的过程中遇到一个小问题,Hexo默认会对/source/里的所有页面应用主题模板渲染,但有一些...

    原文地址:http://refined-x.com/2017/07/10/Hexo自定义页面的方法/

    Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在Github Page上的,但在使用Hexo的过程中遇到一个小问题,Hexo默认会对/source/里的所有页面应用主题模板渲染,但有一些前端作品或demo页我们不希望经过渲染,而是能保持完全自定义的样子,那该怎么用Hexo添加自定义的web页面呢?

    下面介绍两种方法。

    第一种方法是使用Hexo提供的跳过渲染配置,适用于整个目录的设置。具体步骤,打开博客根目录_config.yml,找到其中skip_render项,这个项目用来配置/source/中需要跳过渲染的文件或目录,例如希望跳过/source/projects/里的所有文件渲染,可以配置为:

    skip_render: projects/**

    匹配规则是一种类似正则的规则,官方给出的参考是这个。另外在测试这个功能的时候发现,Hexo的内部缓存不是特别好用,有时候你修改了配置但生成出来的内容不一定及时应用了新配置,最好在生成之前执行一下hexo clean命令,清除掉旧的生成文件和缓存。

    第二种方法是给单个文件添加不应用模板的标记,适用于个别特殊文件的处理。例如我们的网站如果要使用百度统计,往往需要在根目录放一个html格式的验证文件,这个文件默认也会经过用主题模板渲染,避免渲染的办法就是在文件头部添加如下内容:

    ---
    layout: false
    ---

    这样,这个文件就不会经过模板渲染,最终发布到/public/里的文件就是去掉标记后的文件的样子。

    展开全文
  • Hexo自定义原理 Hexo 系列的博客中的文章都是经Hexo的主题渲染的静态网页。所以Hexo博客大部分都呈现出一种高度的统一化与规范化。不过 Hexo 提供了跳过渲染功能,使得我们可以直接在博客中放入自定义网页。 比如在...
  • hexo网页相册页面的制作

    千次阅读 2019-12-15 12:35:17
    有些时候希望在网页中嵌入一些生活中的照片,需要我们自己制作一个照片显示的页面,该文章基于matery主题添加照片显示的页面,支持相册以及照片显示,和相册内容加密等。...点我进行跳转 创建相册显示页面与...
  • hexo

    2018-01-24 10:45:49
    自动推送很简单,就是在你代码里面嵌入自动推送JS代码,在页面被访问时,页面URL将立即被推送给百度,可将代码添加到\themes\landscape\layout_partial\after_footer.ejs中的最下面就行。 代码如下: ...
  • 这里写自定义目录标题操作步骤 操作步骤 点击头像下方的日志: 2.导航栏显示乱码无法访问: 只有点击“日志”会出现此问题,点击“归档”标签则正常显示 求解答?╥﹏╥ ...
  • 我用hexo博客更改主题后,添加分类菜单时,点击分类菜单下的文章不跳转到文章界面,但是会自动跳转回分类菜单下 大家可以在我的博客中尝试一下,百度没有结果,求教各位大神如何解决 我的博客地址如下: [我的...
  • title: 分类 date: 2019-12-25 09:36:12 type:“categories” comments: false
  • 主要看看跳转后的url是什么,如果url异常,就需要在站点配置文件(注意不是主题配置文件)下面看看你的url和永久链接设置的是否正确。如下所示: # URL ## If your site is put in a subdirectory, set url as '...
  • hexo史上最全搭建教程

    万次阅读 多人点赞 2018-09-16 20:19:08
    接下来初始化一下hexo hexo init myblog 这个myblog可以自己取什么名字都行,然后 cd myblog //进入这个myblog文件夹 npm install 新建完成后,指定文件夹目录下有: node_modules: 依赖包 public:存放生成的页面 ...
  • <div><p>当在博客首页下进行搜索ÿ...比如在标签页面下点击搜索跳转拼接的地址为: 自动在主页与搜索结果中间添加了"tags"</p><p>该提问来源于开源项目:blinkfox/hexo-theme-matery</p></div>
  • 之前本人的 hexo 站点是部署在 https 安全域名下的(https://walkerhuang.cn),当点击菜单项的一些按钮时(归档、分类、关于),突然提示找不到相关页面,一看地址栏链接变成了 http://walkerhuang.cn/archives/ ,...
  • 腾讯公益404页面,寻找丢失儿童,让大家一起关注此项公益事业! 效果如: https://gmaya.top/404.html 目的: 如果访问网站不存在的页面,则返回腾讯公益404页面 使用方法,新建 404.html 页面,放到主题的 source ...
  • 是因为修改了_config.xml(主文件夹下的设置文件,不是theme里面的),中的permalink参数中最后一个斜杠去掉了,重新加上之后可以点击了,可以参见自己在hexo g之后生成的文件名进行判断自己是否可以成功 ...
  • Hexo-Matery主题细致美化

    万次阅读 2021-01-21 20:39:03
    Hexo-Matery主题美化 在一番瞎改js代码后,终于无法忍受next主题,于是愤然投入Matery大家庭,结果证明,香! 下面是我记录的配置Matery主题的流程,仅供后来的师傅们参考。 大家可以来我Hexo博客主页看看具体效果...
  • 写在前面 在使用主题后,顶部导航多出了标签页、分类页、归档页和关于页等界面,...hexo 1.查看主题 要添加导航中的页面,首先我们得知道主题需要什么界面。 1.打开我们博客所在的目录,进入我们使用的主题的目录“...
  • 使用 hexo new page指令新建一个页面,命名为 categories : cd hexo //根目录 hexo new page categories //tags和这个操作一致 第二步 找到新建的页面,添加type 新建的页面一般在source/categories/index....
  • 自从初次接触 Hexo 到现在已经有两年多的时间了,时间过得飞快啊,关于 Hexo 的优点不再赘述,关于个人站点的优点,有必要在强调一下,那就是极高的自由度,这也是这篇文章的基础。现在有时间刚好总结一下我对于 ...
  • 背景: 博主的博客希望实现能够在点击到某个文章的时候,跳转完了之后,页面能够自主的向下滚动到浏览的区域,因为博主的工作是搞java的,js方面在大一大二的时候搞过,有些东西忘记了,或者还没...
  • hexo美化

    2020-10-04 14:58:27
    Hexo个性化搭建笔记 美化 1.hexo博客的启动 1.首先在命令面板中进入到博客建设目录 在输入启动命令 hexo s -p 5555 这个端口号可以自己设的 只要不冲突 问题就不大 解析 hexo 是博客 s是启动 5555是调动的端口 2....
  • 为了让Hexo更加个性化,Hexo也提供了不同的主题。官网主题:https://hexo.io/themes 以目前用的最多的Next为例 1.下载主题至Hexo的theme文件夹 git clone ...
  • Hexo And Hexo Next Theme

    2019-03-20 19:28:56
    Hexo 的文档写的相当烂,特别是中文站翻译的一些关键的名词,特别容易让人产生误解。 Hexo NexT Theme 主题是一套css样式加 Hexo 插件的集合,由于插件较多,同一个功能又可能有多个解决方案,导致部分插件兼容使用...
  • Hexo美化日志

    2021-08-08 15:10:09
    ????首页轮播文章 hexo-butterfly-swiper - npm (npmjs.com) # hexo-butterfly-swiper ... swiper: enable: true # 开关 priority: 5 #过滤器优先权 enable_page: all # 应用页面 timemode: date #date/updated
  • 页面跳转进显示顶部

    2018-09-27 15:03:47
    window.scroll(0, 0);
  • Hexo搭建Blog

    2021-08-04 16:28:36
    如果你已经配置好了,那么可以直接跳转到安装hexo 首先,你需要下载好node.js,我们需要node.js的npm命令下载hexo。 进入node.js的网站,下载安装包进行下载, 这里就不做太多介绍了。 然后再是下载git,用来从...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,037
精华内容 414
关键字:

hexo页面跳转