个人 Hexo 博客 Next 主题的哈林摇特效 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
shliujing
V2EX    Javascript

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

  •  
  •   shliujing 2016-08-02 01:29:14 +08:00 9877 次点击
    这是一个创建于 3417 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    第 1 条附言    2016-08-02 09:37:40 +08:00

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

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

    第 2 条附言    2016-08-02 11:29:27 +08:00

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

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

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

    @kingcos SwiftType 现在是过期不付费保留一定天数就删账户,从加载速度和成本上看,还是用 hexo-generator-search 来的靠谱,需要做的只是手写个合适的静态页或 ajax 请求
    Shangxin
        44
    Shangxin  
       2016-08-03 00:48:19 +08:00
    卧槽,简直是鬼畜摇啊,配合博主头像一起摇效果绝佳~ 23333
    Rocko
        45
    Rocko  
       2016-08-03 18:39:31 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     934 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 22:20 PVG 06:20 LAX 14:20 JFK 17:20
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86