[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fy-gh5LydlFcqxX17jEQdNWu-NkQCGqUWViiV_b9ki2g":3,"post-23845":6},{"authenticated":4,"user":5},false,null,{"id":7,"title":8,"excerpt":9,"date":10,"author":11,"categories":16,"thumbnail":22,"url":23,"content":24},23845,"Hexo 无成本搭建自己的网站（一）框架搭建","前几天在写公众号的时候，觉得有必要创建一个永远不要成本且稳定的网站，用来同步和备份公众号写的内容。 所以有了再 […]","2026-03-17 09:48:34",{"id":12,"name":13,"avatar":14,"vipType":15},1,"优创","https:\u002F\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002F2026020403080323.webp",10,[17],{"id":18,"name":19,"slug":20,"count":21},428,"互联网","newwindows",139,"https:\u002F\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F2026031701440867.webp","https:\u002F\u002Fwww.uczyw.cn\u002F23845.html","\u003Cp>前几天在写公众号的时候，觉得有必要创建一个永远不要成本且稳定的网站，用来同步和备份公众号写的内容。\u003C\u002Fp>\n\u003Cp>所以有了再次搭建个运行在云上无成本的想法。\u003C\u002Fp>\n\u003Cp>经过了一些了解，决定以Hexo为框架搭建，有喜欢折腾的小伙伴可以按照教程来一遍。\u003C\u002Fp>\n\u003Cp>如果你只是想做一个 个人介绍页 之类的，那么不用往下看了。\u003C\u002Fp>\n\u003Ch2>第一步：全局安装 Hexo 脚手架\u003C\u002Fh2>\n\u003Cp>需要现在本地电脑上安装 \u003Cb data-path-to-node=\"1\" data-index-in-node=\"34\">Node.js\u003C\u002Fb> 和 \u003Cb data-path-to-node=\"1\" data-index-in-node=\"44\">Git（Git用作后期推送至Github，可暂时不安装）\u003C\u002Fb>\u003C\u002Fp>\n\u003Cp>本地电脑在你的终端（终端\u002F命令行）里运行这行代码，把 Hexo 工具装到你的电脑上：\u003Cbr \u002F>\nnpm install -g hexo-cli\u003C\u002Fp>\n\u003Cp>\u003Ca loading=\"lazy\" decoding=\"async\" class=\"wp-image-23847 alignnone size-medium\" href=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F202603170130579.webp\" data-fancybox=\"images\" data-fancybox=\"gallery\">\u003Cimg alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-23847 alignnone size-medium\" src=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F202603170130579.webp\" alt=\"\" width=\"763\" height=\"474\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch2>第二步：初始化“心选资源”网站\u003C\u002Fh2>\n\u003Cp>找一个你平时写代码的文件夹，然后运行下面的命令（xinxuan-ios 是我们的文件夹名字，你可以随便改）：\u003Cbr \u002F>\nhexo init xinxuan-ios\u003Cbr \u002F>\ncd xinxuan-ios\u003Cbr \u002F>\nnpm install\u003C\u002Fp>\n\u003Cp>\u003Ca loading=\"lazy\" decoding=\"async\" class=\"wp-image-23848 alignnone size-medium\" href=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F2026031701335397.webp\" data-fancybox=\"images\" data-fancybox=\"gallery\">\u003Cimg alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-23848 alignnone size-medium\" src=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F2026031701335397.webp\" alt=\"\" width=\"749\" height=\"442\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>这几行代码跑完后，Hexo 会自动帮你生成一个完整的静态网站目录结构。\u003C\u002Fp>\n\u003Cp>\u003Ca loading=\"lazy\" decoding=\"async\" class=\"wp-image-23850 alignnone size-medium\" href=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F202603170147072.webp\" data-fancybox=\"images\" data-fancybox=\"gallery\">\u003Cimg alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-23850 alignnone size-medium\" src=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F202603170147072.webp\" alt=\"\" width=\"638\" height=\"359\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>第三步：本地跑起来看看效果！\u003Cbr \u002F>\n在终端里输入这行启动命令：\u003Cbr \u002F>\nhexo server\u003C\u002Fp>\n\u003Cp>或者简写为 hexo s\u003C\u002Fp>\n\u003Cp>\u003Ca loading=\"lazy\" decoding=\"async\" class=\"wp-image-23849 alignnone size-medium\" href=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F2026031701440867.webp\" data-fancybox=\"images\" data-fancybox=\"gallery\">\u003Cimg alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-23849 alignnone size-medium\" src=\"https:\u002F\u002Fi0.wp.com\u002Fwww.uczyw.cn\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F2026031701440867.webp\" alt=\"\" width=\"1361\" height=\"902\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>终端会提示类似 Hexo is running at http:\u002F\u002Flocalhost:4000\u002F。你按住 Ctrl 或 Cmd 键点击这个链接（或者复制到浏览器打开）。\u003C\u002Fp>\n\u003Cp>你就会看到一个极其干净的 Hexo 默认博客“Hello World”页面！\u003C\u002Fp>\n\u003Cp>这就是你未来网站的雏形。\u003C\u002Fp>\n"]