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 · 9358 次点击
    这是一个创建于 3035 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 。
    最好养成这个习惯。
    ck65
        31
    ck65  
       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   ·   实用小工具   ·   983 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 20:16 · PVG 04:16 · LAX 12:16 · JFK 15:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.