V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
shliujing

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

  •  
  •   shliujing · Aug 2, 2016 · 10094 views
    This topic created in 3559 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,我的博客采用的是HexoNext主题搭建的。 给想搭建的同学们,推荐几篇入门文章:

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

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

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