美文网首页
个人博客建设——Hexo的一些常见组件设置

个人博客建设——Hexo的一些常见组件设置

作者: cn華少 | 来源:发表于2021-09-01 23:27 被阅读0次

    个人博客建设——Hexo的一些常见组件设置

    背景

    我的CN華少博客建设也有一段时间了,这段时间想去更新一下文章,突然发现原来的源码被我不知道弄到哪里去了,于是乎我又准备重新建一个项目,并在其基础上更换一套新的模板,并与Typore中的.md文件进行使用尝试,近期这几篇可能就是这个系列来进行了。
    另之前开设的SSO统一身份认证近期没有再进行更新,后续会对其进行补充,请大家持续关注。

    正文

    本篇用于记录我在Hexo个人博客中进行的一些常规设置。

    1、文章使用自动概述配置

    安装相关组件

    npm install hexo-excerpt --save
    

    在_config.yml中增加相关配置

    ###################
    # 文章自动化概述生成
    excerpt:
      depth: 10
      excerpt_excludes:
      more_excludes: 
      hideWholePostExcerpts: true
    

    2、文章头部设置

    在文章.md文件的头部增加如下信息

    ---
    title: 文章名称
    date: 2021-09-01 09:36:05
    tags: [标签1,标签2]
    categories: "类别"
    comments: true # 是否可评论
    toc: true # 是否显示文章目录
    top: true # 置顶设置
    ---
    

    3、文章置顶

    安装如下插件

    npm uninstall hexo-generator-index --save
    npm install hexo-generator-index-pin-top --save
    

    需要置顶的文章头部再增加如下属性配置

    top: true
    

    注:可以设置true,也可以设置置顶的编号顺序,例如top: 1
    注2:可以根据主题寻找article文件进行设置置顶图标显示。

    4、本地执行hexo命令时提示【因为在此系统上禁止运行脚本。有关详细信息,请参阅】错误处理

    在本地电脑打开管理员的cmd


    image.png

    在其中执行如下命令,设置执行策略远程签名

    set-executionpolicy remotesigned
    

    输入y选择


    image.png

    再次执行就正常了


    image.png

    5、安装icarus主题,这里我们采用git拉取代码的方式安装,而不是用npm安装方式,便于我们后续对于模板的内部修改一些设定

    拉取模板,并放到themes/icarus目录下

    git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
    

    设置基础配置文件_config.yml中的模板使用配置参数

    ##################################
    # 扩展
    # 当前主题名称。值为false时禁用主题
    theme: icarus
    

    根目录下新增_config.icarus.yml文件作为该主题的配置文件

    本文声明:
    88x31.png
    知识共享许可协议
    本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

    相关文章

      网友评论

          本文标题:个人博客建设——Hexo的一些常见组件设置

          本文链接:https://www.haomeiwen.com/subject/xjbfwltx.html