推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
shliujing

个人 Hexo 博客 Next 主题的哈林摇特效

  •  
  •   shliujing · Aug 2, 2016 · 10760 views
    This topic created in 3749 days ago, the information mentioned may be changed or developed.

    Hexo 博客折腾的有段时间了,最近为 Next 主题添加了哈林摇特效。同学们来玩玩呗: http://www.iamlj.com/

    虽然这个特效早出来了,但加完后感觉效果还不错,附带教程: http://www.iamlj.com/2016/08/add-special-effect-harlem-shake-for-hexo/

    Supplement 1  ·  Aug 2, 2016

    @shizhouren,我的博客采用的是Hexo的Next主题搭建的。 给想搭建的同学们,推荐几篇入门文章:

    我在博客基础上,自己加了一些修改,后面看需要再更新几个Hexo小教程吧。譬如Next主题加宽,多站部署,非www的重定向,seo的sitemap和cdn优化。教程基本上偏简单,自己捣鼓捣鼓也能整出来。贴出教程也希望能节省大家捣鼓的时间。

    Supplement 2  ·  Aug 2, 2016

    关于打开速度慢和多站部署的问题。

    打开速度慢,一个是因为需要加载的js和css远程连接过多;一个是不同地区cdn访问速度不一,解决办法:采用多站部署。

    多站部署,贴一个我参考过的教程将hexo博客同时托管到github和gitcafe,有一定参考性。时间久远了,部分信息也不实用了,譬如gitcafe已经被coding.net收了...

    我的发布代码,发布到了4个地方,虽然站点多,不过发布速度还是很快的。现在主要用coding和github,对应国内和国外访问。

    deploy:
      type: git
      repo: 
        sae: https://git.sinacloud.com/iamlj,1
        coding: https://git.coding.net/iamlj/iamlj.git,coding-pages # 暂时先关闭,转用速度更快的sae,等sae没钱了,再用coding
        github: https://github.com/shliujing/shliujing.github.io.git,master
        iamlj: [email protected]:hexo.git,master
    

    最后,感谢@nolotus提供的免费空间,我试ping了不同地区,速度基本github差不多,这里我就不折腾了。

    45 replies  •  2016-08-03 18:39:31 +08:00
    anym0us
    anym0us
    Aug 2, 2016 via iPhone❤️1
    1
    楼主博客干货蛮多的,赞一个
    shliujing
    shliujing
    OP
    Aug 2, 2016
    2
    @anym0us 主要是应大家需求,有需要就分享~写的也比较简单,哈哈。
    twoyuan
    twoyuan
    Aug 2, 2016
    3
    您所访问的网站发生故障!
    davin
    davin
    Aug 2, 2016
    4
    金克拉已瞎 - -
    ziki
    ziki
    Aug 2, 2016
    5
    666
    shizhouren
    shizhouren
    Aug 2, 2016
    6
    没介绍一下怎么搭建这样一个博客 啊
    用网上的教程都有意外错误
    netcan
    netcan
    Aug 2, 2016 via Android
    7
    我昨天弄了个换肤功能,无奈新加的 css 有 Bug 懒得调了。。
    lslqtz
    lslqtz
    Aug 2, 2016
    8
    @anym0us 干货很多+1
    shliujing
    shliujing
    OP
    Aug 2, 2016
    9
    @twoyuan 国内访问我用的 sae ,设置有流量的云豆预算,访问失败是因为超过预算了。
    现在考虑国内访问还是放到免费的空间吧,比如 coding.net 或者个人服务器,相对 saesae 的 cdn 访问速度会慢点。
    kurtrossel
    kurtrossel
    Aug 2, 2016
    10
    哈哈哈哈哈哈哈哈哈哈
    我以为再点一次 high 就能关了特效...............
    哈哈哈哈哈哈哈哈哈哈
    bqbkbz
    bqbkbz
    Aug 2, 2016
    11
    炫酷
    Return2legacy
    Return2legacy
    Aug 2, 2016 via Android
    12
    先 mark ,周末有空再折腾下。
    next 这主题真是多人用。
    designer
    designer
    Aug 2, 2016
    13
    感谢分享。打不开。。。
    shliujing
    shliujing
    OP
    Aug 2, 2016
    14
    @designer 分享到 V2EX ,一下访问起来。 sae 不给力 - >coding.net 不给力,现在正切回 github...
    chuhemiao
    chuhemiao
    Aug 2, 2016
    15
    就是 high 一下?这个不是早有了
    http://idiot6.com
    chuhemiao
    chuhemiao
    Aug 2, 2016
    16
    @kurtrossel 点击越多动感越强。。。
    franklight
    franklight
    Aug 2, 2016
    17
    这个好,楼主的站里有很多小东西很实用,谢谢了
    franklight
    franklight
    Aug 2, 2016
    18
    另外,请教一下, hexo 能不能布置到国内或者香港的服务器?域名没备案

    放到 github 有的时候访问速度还是有点慢
    eliteYang
    eliteYang
    Aug 2, 2016
    19
    打不开
    hxtheone
    hxtheone
    Aug 2, 2016
    20
    然而 404 了
    BFDZ
    BFDZ
    Aug 2, 2016
    21
    404 page not found
    chuhemiao
    chuhemiao
    Aug 2, 2016
    22
    @hxtheone 看样子博主也是得翻墙能进,我这里能进
    shliujing
    shliujing
    OP
    Aug 2, 2016
    23
    @chuhemiao 。
    我也是从别处通过教程学习,然后添加的~
    你的博客 High 我体验了,起始音乐很奇妙 0 0 ,要是后面动感节奏还能对上那就绝了!
    nolotus
    nolotus
    Aug 2, 2016
    24
    @franklight 我这提供 hexo 的免费托管
    nolotus
    nolotus
    Aug 2, 2016
    25
    楼主,要不试试我这里,托管在香港~
    g0thic
    g0thic
    Aug 2, 2016
    26
    页面有点卡
    Reign
    Reign
    Aug 2, 2016
    27
    为什么我想笑
    chuhemiao
    chuhemiao
    Aug 2, 2016
    28
    @shliujing 刚才还在搞怎么加网易云音乐那个,然后就给我报错了,还没找到啥原因,不知道你遇到过没,有帖子说是 html 生成的时候出现的问题,但是我把 div 都干掉了,还是报错,忧伤。。
    [error]( )
    Stlin
    Stlin
    Aug 2, 2016
    29
    卧槽! 好 High
    shliujing
    shliujing
    OP
    Aug 2, 2016
    30
    @chuhemiao 看你的报错,应该是 post 里有解析不了的标签。
    你本地有做 git 版本控制吗?比对下看哪里出错了。
    我一般都是几个文件 commit 一次,然后写好 log 。
    最好养成这个习惯。
    mogita
    mogita
    Aug 2, 2016
    31
    嗨爆了 LOL !!
    chuhemiao
    chuhemiao
    Aug 2, 2016
    32
    @shliujing 我是文件和环境分开的,我在本地写 md 文件,然后传到 github ,之后在放到 vps 上 hexo d -g 解析到 github 上,文件的话在本地貌似是看不出有什么问题。 vps 上只有这个报错
    arslion
    arslion
    Aug 2, 2016
    33
    哈哈哈哈 收藏了
    shliujing
    shliujing
    OP
    Aug 2, 2016
    34
    @chuhemiao 。如果你在 vps 上 deploy ,解析 md 文件报错。
    说明错误是在 md 文件上,前提:你确保 vps 上的 hexo 或 themes 你未作配置上的修改?
    总之我觉得问题应该是在 md 文件上。你试试把最近 commit 的 md 文件去掉看看,我经常报的错是使用 Sublime 写 md 文件, Shift+F9 预览时在_posts 文件夹,会生成 html 文件,导致博客排版错乱。
    hiluluke
    hiluluke
    Aug 2, 2016
    35
    黑人问号。。。
    zacard
    zacard
    Aug 2, 2016
    36
    不错,支持下
    chuhemiao
    chuhemiao
    Aug 2, 2016
    37
    @shliujing 是啊,我就是 sublime 写的, vps 上的好久没修改过了, md 文件就差直接删除了,文件都被我修改完了。
    zonghua
    zonghua
    Aug 2, 2016
    38
    笑死我了
    M4ster
    M4ster
    Aug 2, 2016
    39
    😄在 coolshell 见过
    knightdf
    knightdf
    Aug 2, 2016
    40
    这段 JS 前年就被玩烂了,至今都躺在我的收藏夹
    kingcos
    kingcos
    Aug 2, 2016 via iPhone
    41
    楼主,你的博客的搜索是用的什么?
    之前看有的说用 SwiftType ,但是没成功,就作罢了
    quericy
    quericy
    Aug 3, 2016
    43
    这个特效早些年见得多些,最近倒是好久没见到了。。不过每次听都很带感
    楼主的博客 Hexo 的干货很多,赞一个。最近也打算把从 WordPress 迁移到 Hexo 的全过程和踩坑记录整理出来,懒癌犯了,缓慢更新。。。看到楼主的一些思路发现确实有好多不同的玩法

    @kingcos SwiftType 现在是过期不付费保留一定天数就删账户,从加载速度和成本上看,还是用 hexo-generator-search 来的靠谱,需要做的只是手写个合适的静态页或 ajax 请求
    Shangxin
    Shangxin
    Aug 3, 2016
    44
    卧槽,简直是鬼畜摇啊,配合博主头像一起摇效果绝佳~ 23333
    Rocko
    Rocko
    Aug 3, 2016
    45
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1750 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 74ms · UTC 14:22 · PVG 22:22 · LAX 06:22 · JFK 09:22
    ♥ Do have faith in what you're doing.