[{"data":1,"prerenderedAt":264},["ShallowReactive",2],{"navigation":3,"post-\u002Fposts\u002F2015\u002Fuse-custom-domain-for-hexo-on-github":20,"surroundPosts-\u002Fposts\u002F2015\u002Fuse-custom-domain-for-hexo-on-github":252},[4,8,12,16],{"title":5,"path":6,"stem":7},"首页","\u002F","00.index",{"title":9,"path":10,"stem":11},"文章","\u002Fposts","01.posts",{"title":13,"path":14,"stem":15},"动态","\u002Fmoments","02.moments",{"title":17,"path":18,"stem":19},"关于","\u002Fabout","09.about",{"id":21,"title":22,"body":23,"class":233,"cover":233,"coverSize":233,"date":234,"description":29,"draft":235,"extension":236,"hideComments":235,"location":233,"meta":237,"navigation":238,"path":239,"readingTime":240,"seo":245,"sitemap":246,"stem":247,"tags":248,"time":233,"weather":233,"__hash__":251},"posts\u002Fposts\u002F2015\u002F20150130.use-custom-domain-for-hexo-on-github.md","在 GitHub 上为 Hexo 配置自定义域名",{"type":24,"value":25,"toc":231},"minimark",[26,30,51,62,65,104,220,227],[27,28,29],"p",{},"昨天尝试了下 Hexo，感觉很酷。主要有以下几个特点：",[31,32,33,37,40,48],"ol",{},[34,35,36],"li",{},"无需数据库，所有文章都可以基于 git 来存储",[34,38,39],{},"纯静态，在编写好文章之后，生成静态文件，对服务器基本没要求",[34,41,42,43,47],{},"部署简单，",[44,45,46],"code",{},"hexo generate --deploy","，轻松完成生成、部署功能",[34,49,50],{},"主题丰富，界面简洁，相比臃肿的 WordPress，爽多了",[27,52,53,54,61],{},"安装很简单，按照",[55,56,60],"a",{"href":57,"rel":58},"http:\u002F\u002Fhexo.io\u002Fdocs\u002F",[59],"nofollow","这里","的教程，进行就可以了。前提是确保 npm 和 git 功能都能用就行。我主要分享一下在配置自定义域名所遇到的问题。",[27,63,64],{},"我是将其部署到 GitHub 上的，没有采用 hadb.github.io 作为 repo 名，因为我是想将网站叫做 HADB.ME，所以我就创建了一个 HADB.ME 的 repo。这和使用 hadb.github.io 有点区别。",[27,66,67,68,71,72,74,75,79,80,83,84,86,87,91,92,95,96,99,100,103],{},"使用 hadb.github.io 的话，master 分支是作为页面显示的分支的，而使用 HADB.ME 的话，是使用 ph-pages 分支作为显示的分支的。这时，只需在 ph-pages 分支的根目录放一个 CNAME 文件，内容就是",[44,69,70],{},"hadb.me","，然后将域名 cname 到 hadb.github.io，github 会自动判断出 HADB.ME 这个项目中有一个 CNAME，里面就是配的",[44,73,70],{},"，于是",[55,76,70],{"href":77,"rel":78},"https:\u002F\u002Fhadb.me\u002F",[59],"就成功地变成了 HADB.ME 项目页面的域名了。这时，我们在_config.yml 中，就可以将 url 配为",[44,81,82],{},"http:\u002F\u002Fhadb.me\u002F","，root 为",[44,85,6],{},"。当然，这样会有一个问题，就是直接访问 ",[55,88,89],{"href":89,"rel":90},"http:\u002F\u002Fhadb.github.io\u002FHADB.ME\u002F",[59]," 的时候，无法显示样式。这个可以这样解决，当访问路径是 ",[55,93,89],{"href":89,"rel":94},[59]," 时，通过 js 直接跳转到 ",[55,97,77],{"href":77,"rel":98},[59]," 上就可以了，在主题的 head.ejs 文件中，",[44,101,102],{},"\u003C\u002Fhead>","前加入如下代码：",[105,106,111],"pre",{"className":107,"code":108,"language":109,"meta":110,"style":110},"language-html shiki shiki-themes material-theme-lighter github-light github-dark","\u003Cscript>\n  \u002F\u002F Redirect to hadb.me\n  if (window.location.hostname === 'hadb.github.io') {\n    window.location.href = 'http:\u002F\u002Fhadb.me\u002F'\n  }\n\u003C\u002Fscript>\n","html","",[44,112,113,129,136,179,204,210],{"__ignoreMap":110},[114,115,118,122,126],"span",{"class":116,"line":117},"line",1,[114,119,121],{"class":120},"sP7_E","\u003C",[114,123,125],{"class":124},"sQzsp","script",[114,127,128],{"class":120},">\n",[114,130,132],{"class":116,"line":131},2,[114,133,135],{"class":134},"sutJx","  \u002F\u002F Redirect to hadb.me\n",[114,137,139,143,147,150,153,155,158,162,166,170,173,176],{"class":116,"line":138},3,[114,140,142],{"class":141},"sVHd0","  if",[114,144,146],{"class":145},"su5hD"," (window",[114,148,149],{"class":120},".",[114,151,152],{"class":145},"location",[114,154,149],{"class":120},[114,156,157],{"class":145},"hostname ",[114,159,161],{"class":160},"smGrS","===",[114,163,165],{"class":164},"sjJ54"," '",[114,167,169],{"class":168},"s_sjI","hadb.github.io",[114,171,172],{"class":164},"'",[114,174,175],{"class":145},") ",[114,177,178],{"class":120},"{\n",[114,180,182,185,187,189,191,194,197,199,201],{"class":116,"line":181},4,[114,183,184],{"class":145},"    window",[114,186,149],{"class":120},[114,188,152],{"class":145},[114,190,149],{"class":120},[114,192,193],{"class":145},"href",[114,195,196],{"class":160}," =",[114,198,165],{"class":164},[114,200,82],{"class":168},[114,202,203],{"class":164},"'\n",[114,205,207],{"class":116,"line":206},5,[114,208,209],{"class":120},"  }\n",[114,211,213,216,218],{"class":116,"line":212},6,[114,214,215],{"class":120},"\u003C\u002F",[114,217,125],{"class":124},[114,219,128],{"class":120},[27,221,222,223,226],{},"还有一个问题是，每当我在 ph-pages 中创建一个 CNAME，每次 hexo deploy 之后，ph-pages 中的 commit 历史会重建，CNAME 文件就丢失了，为此我很苦恼。后来发现，只需要将 CNAME 文件放到",[44,224,225],{},"source","文件夹下，就可以了，每次 deploy 会自动放到根目录。",[228,229,230],"style",{},"html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":110,"searchDepth":131,"depth":131,"links":232},[],null,"2015-01-30",false,"md",{},true,"\u002Fposts\u002F2015\u002Fuse-custom-domain-for-hexo-on-github",{"text":241,"minutes":242,"time":243,"words":244},"3 min read",2.45,147000,490,{"title":22,"description":29},{"loc":239},"posts\u002F2015\u002F20150130.use-custom-domain-for-hexo-on-github",[249,250],"技术","博客","PZTpx1YHK4BkGPdXvLtboiqmxK-mvftqlLbF4_jsFT4",[253,259],{"title":254,"path":255,"stem":256,"date":257,"description":258,"children":-1},"跨站点迁移多说评论","\u002Fposts\u002F2015\u002Fmove-duoshuo-comments","posts\u002F2015\u002F20150204.move-duoshuo-comments","2015-02-04","近日在捣鼓HADB.ME的个人博客，之前所有的博客都在blog.haoest.com里，如今想把一些技术分享以及个人的小结什么的单独抽出来放到HADB.ME里，而和好易思特有关的博客还放在blog.haoest.com里。这涉及到一个问题，那就是要将原先多说里属于blog.haoest.com的评论移动到HADB.ME里。",{"title":260,"path":261,"stem":262,"date":263,"description":110,"children":-1},"HADB.ME 归来！","\u002Fposts\u002F2015\u002Fhadb-me-back","posts\u002F2015\u002F20150128.hadb-me-back","2015-01-28",1777580287248]