快捷导航
查看: 63|回复: 16

自己博客的链接在哪里找(博客主页链接在哪)

[复制链接]

1万

主题

0

回帖

1万

积分

论坛元老

积分
11635
发表于 2023-9-10 19:06:55 | 显示全部楼层 |阅读模式
<p>
   作为程序员拥有一个属于自己的个人技术博客,绝对是百利无一害的事,不仅方便出门装b,面试时亮出博客地址也会让面试官对你的好感度倍增。经常能在很多大佬的技术文章的文末,看到这样一句话: “欢迎大家访问我的博客”,每每看到这都会觉得好酷,同样是搞技术为啥人家那么优秀。而自己想要建一个博客,要么怕花钱,要么怕过程太麻烦,最后就不了了之。
  </p><p>
   应粉丝要求,今天手把手,嘴对嘴(放心吧,我才不稀罕亲你)的教大家搭建一个属于自己的技术博客,只要你有个github地址就行!还等啥呢?骚年,开整吧!
  </p><p>
   Hexo今天的主角,它是一款基于Node.js的静态博客(无需与后台交互,全由静态页面组成)框架,依赖少易于安装简单,更主要的是它免费啊,而且可以轻松的将生成的静态网页托管在GitHub,码云和Coding上,搭建博客首选框架之一。
  </p><p>
   git下载地址:gitforwindows.org
  </p><p class="pgc-img-caption">
</p><p>
   安装完成后,检查git是否安装成功,如下显示即为成功。
  </p><p>
<br/>
</p><p>
<strong>
    注意:
   </strong>
   这里建议下边使用的所有命令,均在git命令行中执行,cmd中执行命令容易出现错误。
  </p><p>
   node.js 下载地址:https://nodejs.org/en/,选择稳定版本即可,node.js的安装非常简单,一步一步next即可。
  </p><p class="pgc-img-caption">
</p><p>
   安装完检查node是否安装成功,如下显示即为成功。
  </p><p>
<br/>
</p><p>
<strong>
    在你自己觉得最可爱的磁盘里,建一个文件夹专门用来存 myblog博客相关的文件。
   </strong>
   文件夹内右键打开 Git Bash Here,在此窗口内执行以下所有命令。
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   用npm安装hexo,由于国内网络高“墙”深院,避免安装缓慢或失败,这里切换阿里的NPM镜像,没办法只能采用迂回战术了。
  </p><p>
   用 cnpm 安装 hexo
  </p><p>
   安装可能有一些缓慢,当然这还是取决于你的带宽,这个过程中会出现的WARN提示不用理会。
  </p><p>
   到这hexo就安装好了,检查一下hexo -v是否安装成功
  </p><p>
   Hexo安装完以后需要进行初始化操作。
  </p><p>
<strong>
    注意
   </strong>
   :这时需要在myblog文件中,创建一个新的文件夹用来存放hexo博客文件。否则执行hexo init命令会报错。
  </p><p class="pgc-img-caption">
</p><p>
   进入hexo文件夹内右键打开 Git Bash Here,在此窗口内执行后边的所有命令。
  </p><p>
<br/>
</p><p>
   初始化成功后,hexo文件夹内会出现如下的文件:
  </p><p>
   node_modules: 依赖包 public:存放生成的页面 scaffolds:生成文章的一些模板 source:用来存放你的文章 themes:放下下载的主题 _config.yml: 博客的核心配置文件(设置主体、标题等属性)
  </p><p class="pgc-img-caption">
</p><p>
   接着需要执行一下cnpm install命令,要不下边的启动会提示命令不合法。
  </p><p>
<br/>
</p><p>
   最后用 hexo s -g 命令来启动安装好的 hexo。
  </p><p>
   直接访问http://localhost:4000显示如下页面,本地博客搭建成功。
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   这时候需要我们在GitHub上创建一个仓库,设置仓库的名字以XXX.github.io结尾
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   修改_config.yml文件,添加你创建的GitHub仓库地址
  </p><p>
   安装部署命令deploy-git ,这样你才能用命令部署到GitHub。
  </p><p>
   上边修改完毕以后,依次执行以下命令,提交本地hexo文件到GitHub。
  </p><p>
   访问刚创建的仓库:https://chengxy-nds.github.io/,文件推送至GitHub后页面显示会有一定的延迟,稍等几十秒再次刷新页面,看到下边这些页面就表示博客部署成功。
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   现在我们的博客地址:https://chengxy-nds.github.io/,但是看着是不是觉得有点low,如果有钱自己可以买一个域名。在云平台随便买一个,看自己喜好,例如:chengxy.com。
  </p><p>
   将域名指向GitHub的服务器地址, 192.30.252.153 和 192.30.252.154 。
  </p><p>
   进入存放博客的GitHub仓库,点击settings,设置Custom domain,输入域名chengxy.com
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   然后在本地博客文件source中创建一个名为CNAME文件,不要后缀。写上你的域名。
  </p><p class="pgc-img-caption">
</p><p>
   最后重新编译上传文件,访问:chengxy.com即可。
  </p><p>
<br/>
</p><p>
   虽然我们的博客搭建完成,但大家肯定也发现,现有的博客样式丑爆了,这时候就需要到官网挑一个自己喜欢的风格了。
  </p><p>
   hexo主体官网:https://hexo.io/themes/,我们随便找一个主题替换演示一下,主题都托管在github上,直接clone就好。
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   可以看到hexo 只有一个默认的主题theme,现在进入theme文件夹执行git克隆命令,或者直接下载一个主题放入theme文件夹内都可以。
  </p><p>
   修改_config.yml文件中的theme属性
  </p><p>
   打包上传看看效果:
  </p><p>
   nice!主题已经替换成功,是比自带的好卡不少
  </p><p class="pgc-img-caption">
</p><p>
<br/>
</p><p>
   博客搭建完,接下来就要开始写博客,管理博客了~
  </p><p>
   创建我们的第一篇博客,会在source\_posts目录下生成一个程序员内点事的第一篇博客.md文件
  </p><p>
   _config.yml是hexo框架最核心的文件,博客的配置基本在这里。
  </p><p>
   至此,我们整个hexo博客就搭建完了,其实还是比较简单的,但到这里我们万里长征也只是走了第一步,后续还有更细致的操作,例如:博客建分类、标签、布局等,让我们的博客变得美美哒!
  </p><p>
   感兴趣的小伙伴不妨关注一波呦!
  </p><p>
<br/>
</p><p class="column-placeholder">
</p><p>
<br/>
   作者:程序员内点事
   <br/>
   链接:https://juejin.im/post/5e8834e1e51d4546f630812b
  </p>

1

主题

3500

回帖

5255

积分

论坛元老

积分
5255
发表于 2023-9-11 04:13:23 | 显示全部楼层
有竞争才有进步嘛

1

主题

3680

回帖

5525

积分

论坛元老

积分
5525
发表于 2023-9-12 14:53:11 | 显示全部楼层
前排支持下

1

主题

3408

回帖

5117

积分

论坛元老

积分
5117
发表于 2024-2-20 15:18:34 | 显示全部楼层
路过,支持一下啦

1

主题

3424

回帖

5141

积分

论坛元老

积分
5141
发表于 2024-2-20 15:22:54 | 显示全部楼层
我抢、我抢、我抢沙发~

1

主题

3498

回帖

5252

积分

论坛元老

积分
5252
发表于 2024-4-21 18:16:51 | 显示全部楼层
谢谢楼主,共同发展

1

主题

3520

回帖

5285

积分

论坛元老

积分
5285
发表于 2024-4-22 04:47:25 | 显示全部楼层
小手一抖,积分到手!

1

主题

3528

回帖

5297

积分

论坛元老

积分
5297
发表于 2024-5-26 04:18:54 | 显示全部楼层
找到好贴不容易,兄弟们,顶起!

1

主题

3558

回帖

5342

积分

论坛元老

积分
5342
发表于 2024-5-26 04:26:15 | 显示全部楼层
好好 学习了 确实不错

1

主题

3510

回帖

5270

积分

论坛元老

积分
5270
发表于 2024-5-29 00:27:17 | 显示全部楼层
难得一见的好帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|聚云老站长 ( 粤ICP备2023011934号-1 )

GMT+8, 2024-9-20 05:32 , Processed in 1.465019 second(s), 24 queries .

快速回复 返回顶部 返回列表