美文网首页
搭建个人博客 hexo + github 传图片长久链接等

搭建个人博客 hexo + github 传图片长久链接等

作者: 超_iOS | 来源:发表于2018-08-22 09:44 被阅读25次

    个人博客

    搭建博客步骤

    技巧:

    永久链接

    Hexo的永久链接的默认格式是 :year/:month/:day/:title/,比如访问站点下某一篇文章时,其路径是 2018/04/12/xxxx/,如果我们的文章标题是中文的,那么该路径就会出现中文字符。在路径中出现了中文字符很容易引发各种问题,而且也不利于seo,因为路径包含了年月日三个层级,层级太深不利于百度蜘蛛抓取。

    解决办法就是利用其它的插件来生成唯一的路径,这样就算我们的文件标题随意修改,而不会导致原本的链接失效而造成站点下存在大量的死链。

    安装插件

    在站点根目录使用 git bash 执行命令:

    npm install hexo-abbrlink --save
    

    修改站点配置文件

    打开根目录下的 _config.yml 文件,修改如下配置:

    # permalink: :year/:month/:day/:title/
    # permalink_defaults:
    permalink: posts/:abbrlink.html
    abbrlink:
      alg: crc32  # 算法:crc16(default) and crc32
      rep: hex    # 进制:dec(default) and hex
    

    这里将页面都添加了 .html 的后缀,用来伪装成静态页面(虽说Hexo的页面本身就是静态页面),这样可以直接从路径就知道这是个静态页面,方便seo。

    接下来重新部署三连,可以看到我们的文章路径变成了 /posts/xxxxx.html,接下来就算我们将文字标题命名为中文也没问题了。

    传图片:

    首先,找到_config.yml配置文件post_asset_folder项为true

    hexo new "123"

    使用完命令之后,在source/_post文件夹里面就会出现一个“123.md”的文件和一个“123”的文件夹。

    下一步就是把需要的图片放到新创建的那个文件夹里面去。

    1
    {% asset_img 1.jpg 123说明 %}

    //1.jpg 是图片名字

    用此种方法,而不是以前的

    方法,前提是你的hexo的版本是hexo3以上,到package.json里面看一下吧。

    总之我用网上说的插件法总是不成功。后续再研究吧。

    我的例子:
    {% asset_img 1.png 表示传图片好麻烦啊,无奈 %}//1.png 是图片

    效果:点击预览

    相关文章

      网友评论

          本文标题:搭建个人博客 hexo + github 传图片长久链接等

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