LOF事件一发不可收拾,下定决心搬家了。
过程其实很简单,简单介绍一下步骤,万一还有别人要搬家呢2333
搬家主要步骤
1.登录LOFTER,在首页标题栏【更多】->【导入导出】,将博客导出为xml文件(长文章会被略过)
2.使用LOFTER2Hexo工具,将xml切分为适用于Hexo的Markdown格式,图片会被自动下载并上传到(大概是CSDN的)图床。不熟悉代码的盆友可以试试另外一个姐妹写的Lofter2Hexo,好处是有图形界面,问题是有图形界面我反而搞不懂了…该工具还在更新维护中!
3.打开powershell,hexo new新建文档,把转换好的Markdown文件复制过来稍加修改,完成!
一些小细节
图片资源管理
分割好的Markdown文件里包含的图片链接都是重新上传的网络图床链接,但是因为个人习惯的原因,我还是用了本地保存下来的图片,通过文章资源文件夹的方式进行管理。这个页面还同时给出了正确引用图片的方式。
对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。
1
2 _config.yml
post_asset_folder: true
当资源文件管理功能打开后,Hexo将会在你每一次通过 hexo new 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。
域名解析
这次鼓捣途中顺便搞了搞域名,之前的教程大多使用A类型记录,先ping一下Github再把得到的IP写进记录。0202了,实在不应该再用这种Github换一次ip就要失效一次的解析方式了。只需要添加两个CNAME记录,然后等解析生效就可以,@记录可以让你直接通过域名访问blog,www记录可以让你通过www.域名访问blog。
Github仓库那边,只要在Setting里直接把custom domain改成你买的域名就行了。但hexo g后CNAME文件也会失效,所以需要更改样式,避免每次都要修改这一项。具体步骤在下一小节。
给自己整一个logo
众所周知Safari有一个“添加到主屏幕”功能,如果能配上一个可爱的图标,那几乎就可以伪装成一个APP了。悲伤的是Safari在没有特殊设置的情况下,默认使用网页截图作为图标,我于是吭哧吭哧画了一只小松鼠,鼓捣了半天终于拥有了自己的logo:
实际使用中还有两种语句n种语法(参考这里和这里),我的用法很简单,就是在index.html的head部分加上一句
1 | <link rel="apple-touch-icon-precomposed" href="safari-icon.png"> |
然后把’safari-icon.png’这张图往仓库一丢,过一会会就生效了!
但是每次重新生成页面之后都要重复一遍以上操作又很麻烦,所以在把这篇文章发出去之后,我躺在床上不死心地搜了搜,发现我应该改的是样板,也就是theme的文件!于是把上一行加在了这个文件里,添加favicon的下一行
1 | E:\hexo\hexo\themes\ocean\layout\_partial\head.ejs |
然后把icon和favicon.ico这个文件放在同一个文件夹里(theme下source里),顺便把CNAME文件也放进去以避免每次都要重新解析,测试了一下,成功!
p.s.不知道尺寸有没有限制,我用的是144*144的位图,还是挺清楚的