<i id='xi7ez7j9'><tr id='kpep6xcd'><dt id='puqbylsx'><q id='yk8qcyfe'><span id='76455rel'><b id='ued0ab49'><form id='otwmh7q4'><ins id='ro9mdb0q'></ins><ul id='hcilyah1'></ul><sub id='qqn0i3hj'></sub></form><legend id='pues9259'></legend><bdo id='6y7bunw9'><pre id='fwr5pbkv'><center id='k9jluiaf'></center></pre></bdo></b><th id='8pbt87u8'></th></span></q></dt></tr></i><div id='lx9qowzb'><tfoot id='aqiyrdxm'></tfoot><dl id='bjkdc6u2'><fieldset id='0hdj2b6t'></fieldset></dl></div>

  • <tfoot id='w8k3lpvy'></tfoot>

    <legend id='aefhfief'><style id='y6k159z2'><dir id='jebb70b4'><q id='t7udknft'></q></dir></style></legend>
    1. <small id='pai4vafn'></small><noframes id='aenc5vl4'>

        <bdo id='86tx477o'></bdo><ul id='h08w2ygt'></ul>

        您现在的位置是:主页 > 个人博客 > 个人博客

        手把手教你从零开始搭建个人博客20分钟上手

        叶青2021-12-21个人博客人已围观

        简介大家好,最近一直在研究个人博客搭建,目前正在进行的有Django个人博客搭建系列,最近了解到还有很多现成的博客搭建框架,准备后面依次给大家分享下。 本文是基于Hexo框架来构建

          大家好,最近一直在研究个人博客搭建,目前正在进行的有Django个人博客搭建系列,最近了解到还有很多现成的博客搭建框架,准备后面依次给大家分享下。

          本文是基于Hexo框架来构建个人博客的,整个过程十分简单,如果顺利的线分钟就可以完美构建部署好一个专属于你的个人博客了,记得点赞~

          Hexo 是一个快速、简单且功能强大的博客框架。你用Markdown(或其他标记语言)写帖子,Hexo 会在几秒钟内生成带有漂亮主题的静态文件。

          就可以看到对于Hexo的详细介绍,直接下滑,然后点击Get Started,即可进入Hexo使用介绍文档,也可以直接访问:进入。

          在正式开始前,确保你已经准备好了:1、一个GitHub账号,可以直接去官网注册:2、安装好了Git、Node.js

          Git安装方法很多,最简单的是直接官网下载软件包,然后安装(Mac和Windows及其他版本都有),

          Mac电脑还可以直接利用brew install git 进行安装(默认应该自带git),或者yum、apt-get等包管理工具安装。

          下载好后直接点击软件包,默认会给我们安装好Node.js和npm(Node.js的包管理工具)。

          Windows系统可能需要自己设置环境变量,将对应安装目录添加到系统环境变量即可,浏览器搜索下对应方法即可。

          首先我们需要新建一个项目目录,以我为例:我会在桌面的Project目录下新建一个HexoBlog文件夹用于存放改项目相关文件。

          这是因为网络问题(npm的服务器位于国外下载慢),可以使用cnpm(淘宝团队做的国内镜像)的获取镜像或者直接修改npm的资源获取地址为国内的。

          chmod -R 777 /usr/local/lib解决上面问题后,我们在安装就可以成功啦~(如下截图所示)

          前面已经准备好了所有相关环境,接下来我们就正式来初始化一个Hexo博客吧~初始化的命令格式为hexo init 项目名称,这里我们暂且叫做blog。

          成功初始化后,会在当前文件夹下生成一个新的文件夹blog,目录结构如下:

          ├──dscape.yml:主题配置文件,如果├── _config.yml:站点配置文件,对站点进行配置。├── node_modules:用来存储已安装的各类依赖包。├── package-lock.json:包版本依赖锁文件。├── package.json:应用数据,Hexo的版本以及相关依赖包的版本等。├── scaffolds:博客模版文件夹,包含page.md,post.md,draft.md三种。├── source:资源文件夹,存放静态资源如博客md文件、图片等。└── themes:主题文件夹,Hexo通过将网站内容与主题组合来生成静态网站。初始化项目后,我们只需在本地执行下面命令即可在本地进行预览,

          首先我们需要进入到新建的项目目录下,然后执行hexo s即可启动项目,然后我们访问即可查看网站啦~

          【必改部分】站点的基本设置,首页标题、子标题、简介、关键词(英文,隔开)、作者、语言和时区,都需要修改,这样才算自己的网站嘛。

          重启下Hexo服务,我们刷新页面,就会发现上面的修改生效啦~如果没有生效,你可以先运行下hexo clean先清除缓存,然后再执行hexo s启动服务器。

          首先我们先需要新建在GitHub上新建一个项目:,项目名称格式需要注意,必须是用户名.github.io,如下图所示:

          同时我们需要配置下SSH密钥,具体配置方法可以查看:mac 如何快速生成SSH key,配置github SSH公钥连接(解决git push 413问题)

          接着我们要修改下配置文件_config.yml,下滑到最后,将部署信息改为:

          这个时候不要慌,这是因为在本地Hexo项目目录还没有初始化git造成的,我们运行下面命令进行初始化即可。

          git init我们再次输入hexo d进行部署即可,会要求输入GitHub账号和密码,直接输入即可,上传完成后,再刷新GitHub页面会发现多了一些文件,原来的readme也不见了,这是因为Hexo每次部署都会将hexo g生成的静态文件(在blog/public目录下)上传到GitHub,并覆盖原先所有的内容。

          你的用户名.github.io/# 如:即可访问我们的博客首页啦,点击博客也可以进入对应的博客页面。

          这里我的主题以及改了,大家可以看下面的配置介绍通过上面,我们已经得到了一个在线的、可以随时随地访问的个人博客,整个操作过程还是很简单的,麻烦的就是上传更新文章和部署项目了,每次部署都需要输入账号密码,另外由于GitHub服务器在国外,国内访问速度也很堪忧,不用担心,在后面的博客优化中我们一起来解决这些问题,让模型先跑起来。

          如果你有域名的话,还可以设置专属域名,比如我之前在阿里云买过域名,当然大家也可以选腾讯云的域名,都是大厂。

          首先我们需要在阿里云域名管理后台,进行域名解析,我们直接从我们自己的域名解析到博客的github地址。

          注意是项目里的Settings最后我们还需要在本地项目中的blog/source文件夹下新建一个CNAME文件,编辑写入我们的域名,就是刚刚填入GitHub的。

          经过上面操作,你会发现搭建确实很简单,但是访问真的是慢!!!而且界面很简陋。

          主要原因是GitHub服务器在国外,这个解决还比较简单,我们可以同时将项目部署到国内码云:或者Coding:,整个过程和将项目部署到GitHub差不多。

          如果今天的分享对你有帮助的话,请毫不犹豫:关注、分享、点赞、在看、收藏呀~你的鼓励将会是我创作的最大动力。

      1. <small id='21n5rwqk'></small><noframes id='y6doirtf'>

        • <bdo id='9eara7y5'></bdo><ul id='ufc73ck8'></ul>

            1. <tfoot id='nd60aymd'></tfoot>
              <i id='tlpxi5m6'><tr id='mh0aawst'><dt id='xt2aqi6f'><q id='tlpb9afs'><span id='bkzmvy0y'><b id='dgxnts7v'><form id='fcumwa6i'><ins id='saw3cizg'></ins><ul id='ee0562o4'></ul><sub id='hdy22xpt'></sub></form><legend id='043un6lh'></legend><bdo id='7o50j2i8'><pre id='001yc42a'><center id='7a0tphgp'></center></pre></bdo></b><th id='zuzypgcb'></th></span></q></dt></tr></i><div id='ugmdaltm'><tfoot id='zjt3dt1s'></tfoot><dl id='otewu0iz'><fieldset id='4dkogq35'></fieldset></dl></div>

                    <tbody id='i3140ny4'></tbody>
                  <legend id='9a283gc5'><style id='5li4g32z'><dir id='utn27agc'><q id='8j59r6tc'></q></dir></style></legend>

                  很赞哦! ()

                  文章评论

                  看不清?点击更换

                  注:网友评论仅供其表达个人看法,并不代表本站立场。

                  站点信息

                  • 建站时间:2019-02-24
                  • 网站程序:织梦CMS7.5
                  • 主题模板:《今夕何夕》
                  • 文章统计:286 篇
                  • 源码统计:6 篇
                  • 微信公众号:扫描二维码,关注我们
                  
                • <legend id='4tv6vflu'><style id='9u0n2pkp'><dir id='i4kdk1yj'><q id='b0lug036'></q></dir></style></legend>
                • <i id='c09np4be'><tr id='cu6sisnv'><dt id='hks82nqt'><q id='3adlg5ar'><span id='bosqw5vi'><b id='wu2yjbie'><form id='yh9x4ye5'><ins id='qusotn2z'></ins><ul id='b1jlhir2'></ul><sub id='swscr5tg'></sub></form><legend id='4rav8uj3'></legend><bdo id='k4wyvg72'><pre id='kh3foopk'><center id='vulnzn5f'></center></pre></bdo></b><th id='owxjqo7a'></th></span></q></dt></tr></i><div id='zn0rqg8k'><tfoot id='fy9bplxm'></tfoot><dl id='9kelj5op'><fieldset id='5p64rm86'></fieldset></dl></div>

                • <small id='wvru1zgk'></small><noframes id='eei5ul59'>

                • <tfoot id='v8zya8n8'></tfoot>

                        <bdo id='7m81vt8s'></bdo><ul id='11qua9zm'></ul>