首页 > 其他分享 >为什么每个自媒体人都需要个人网站?(附十分钟快速建站教程)

为什么每个自媒体人都需要个人网站?(附十分钟快速建站教程)

时间:2024-03-16 12:11:52浏览次数:23  
标签:教程 个人 网站 申请 部署 域名 十分钟 vercel

前言

最近看了一篇推文聊到个人网站,文中提到一个观点:每个自媒体人都需要个人网站。

我认为说的很有道理,我觉得每个自媒体人都需要个人网站,为什么这么说呢?相比于在公众号上更新文章,依赖系统的流量池来推荐,在长远角度来看并不可靠,而如果拥有个人网站,可以把推文同时在网站和公众号上发布,个人网站是全网发布,不会受制于推荐系统,只要坚持更新,你的文章在整个网络上都能被搜索到,这能够持续提升个人影响力;此外,个人网站也可以给公众号引流,能够做到反哺。

那么如何快速建立个人网站了,其实很简单,跟着下面步骤,十分钟就能建立属于自己的网站了。话不多说,咱们快速开始吧!

一、本地运行项目

1、复制模板模板代码

在命令行输入以下命令

npx degit timlrx/tailwind-nextjs-starter-blog#v2 nextjs-tailwind-blog

2、本地安装依赖

yarn

3、本地运行项目

在命令行输入以下命令

npx next dev

然后打开浏览器,输入 http://localhost:3000/ 网站,此时就可以看到运行的网站了:

图片

二、网站部署

本地运行没有问题后,就可以将网站直接部署到云端,这样你就拥有了一个自己的网站!

我们这里选择使用 vercel 部署,vercel 是一个免费部署平台,如果你还没有账号,推荐用 github 账号来注册一个,这对于你后续将 github 项目部署在 vercel 上很有帮助!

1、将本地项目推送到你的 github 账号上

2、登陆 vercel 账号,导入你推送到 github 上的代码,点击 import

图片

3、点击 deploy,一键部署项目

图片

等待项目在云端部署,部署时间在五分钟左右。

4、等待部署成功后,点击前去控制台

图片

图中就是你的网站域名,理论上就可以在浏览器中访问了!

图片

三、网站域名替换

上述域名是vercel部署后随机生成的,后缀都是 vercel.app,但是这个域名在国内是访问不到的,所以需要重新申请一个网站域名,可以通过腾讯云申请;可以申请一个好记且具有个人品牌标识的域名。

如果还没有申请域名,我为大家整理了最全的免费域名申请网站,在公众号后台回复【免费域名】即可获取。

1、申请域名后,配置域名解析

由于我已经申请过域名,域名解析时用的是二级域名

图片

如果是新申请的一级域名,可以参考下图域名解析配置

图片

2、配置域名解析后,在vercel中添加对应的域名

图片

3、用新的域名访问网站,这样在国内就可以访问你的网站啦!

四、个性化配置网站

恭喜你坚持到最后一步了!通过上述步骤你已经通过 vercel 免费部署得到了一个自己的网站,接下来可以通过修改配置文件,将网站改造成自己的想要的样子。

1、修改data/siteMetadata.js,个性化修改网站相关信息,包括网站标题、描述,以及网站底部社交账号和联系方式,对应关系如下图所示

图片

图片

2、修改 data/authors/default.md,更新网站个人介绍

图片

图片

3、修改 data/projectsData.js,用来更新个人展台,可以用来展示个人作品或者最新文章

图片

图片

写在最后

恭喜你坚持到了最后,希望每个自媒体人都能通过个人网站建立个人品牌!这是我第一次写教程类型文章,如果有哪些地方写的不对,欢迎各位指正!如果各位读者有疑问,也欢迎后台留言。

关注公众号回复关键词

免费域名:获取最全的免费域名申请网站

学习路线:免费获取最全的前端学习路线思维导图

标签:教程,个人,网站,申请,部署,域名,十分钟,vercel
From: https://www.cnblogs.com/fe-garden/p/18076890/qiuckly-build-a-website-with-nextjs-template

相关文章

  • 内网穿透,远程网盘,网站外挂资源,可嵌入到页面的网盘资源解决方案
    这是一个我个人写的库,主要实现的是基于tcpclient的网站外扩网盘的解决方案,可以使用家用网络外挂个人电脑中的资源到自己的网站上,已经上传nuget,大家可以直接在nuget包管理中搜索到,直接搜索ZmjNetDisk即可,下面介绍具体的使用方式:另外一提这个库做的比较的个人化,因为他就是为了我的......
  • Linux免编译安装Nginx保姆级教程_Mark一下
    一、环境准备1.Nginx依赖于gcc的编译环境,所以,需要安装编译环境来使Nginx能够编译起来。yuminstallgcc-c++2.Nginx的http模块需要使用pcre来解析正则表达式,需要安装pcre。yuminstall-ypcrepcre-devel3.安装依赖的解压包。yuminstall-yzlibzlib......
  • 图片去水印软件 Inpaint使用教程
      Inpaint中文版是一款功能强大,实用方便的图片快速去水印软件,Inpaint中文版操作简单易上手,可以帮助你达到一键美化图片的效果。图片水印现在已经非常流行,能够借助一款不错的图片水印去除工具可以让图片处理工作简单便捷。本文讲介绍Inpaint特色,和软件如何使用,  请注意,......
  • 教程|腾讯云高性能应用服务(HAI)搭建Stable Diffusion 文生图API
    本次我们使用腾讯云高性能应用服务HAI体验快速搭建并使用AI模型StableDiffusion,实现思路如下:提前通过高性能应用服务HAI部署成功StableDiffusion应用。基于部署好的应用,利用体验JupyterLab进行StableDiffusionAPI的部署。前提在部署API服务之前,请确保......
  • eclipse2023安装包下载及安装教程
    下载链接https://docs.qq.com/doc/DTFlhRURaZmdPZXNt1.选中下载好的安装包,右键解压到“eclipse2023”文件夹2.选中“jdk-21_windows-x64_bin.exe”右键以管理员身份运行3.点击“下一步”4.选择安装位置,点击“下一步”(建议和我的保持一致)5.软件正在安装,很快......
  • 写给rust初学者的教程(二):所有权、生命周期
    这系列RUST教程一共三篇。这是第二篇,介绍RUST语言的关键概念,主要是所有权和声明周期等。第一篇:写给rust初学者的教程(一):枚举、特征、实现、模式匹配在写第一篇中的练习代码时,不知道你有没有尝试过连续两次执行vec_min函数。这种做法在大部分其他语言中都属于正常行为,但如果你对......
  • Python之Web开发中级教程----创建Django子应用
    Python之Web开发中级教程----创建Django子应用基于上一个教程的Django项目(可以先看上一集,链接如下:)https://mp.csdn.net/mp_blog/creation/editor/1367248972.创建子应用pythonmanager.pystartappbookadmin.py:跟网站的后台管理站点配置相关。apps.py:用于配置当前应用......
  • gdb调试工具使用教程
    编译的时候必须带-g才会有调试信息常用的命令l=list主函数源码列出多行的办法,默认是十行,两个参数用逗号隔开,前面是开始,后面是终止行b=breakpoint设置断点后面跟数字行数,b6,代表第六行设置断点,infob可以看到所有断点的设置情况,可以用delete删除断点r=run全......
  • dns 用户访问网站原理
    接下来一个大环节,就是学习网站的所有知识点了用户访问网站,主要分两大块知识点客户端输入www.yuchaoit.cn后,是如何看到网页的,其中原理流程服务端是如何提供网站服务的?其中原理流程浏览器输入网址后发生了什么这是一个经典的问题,通过回答的细致程度,可以判断出,小白、新手、中......
  • 国产Ai代码助手,通义灵码IDEA安装教程
    访问链接注册《通义灵码》账号https://developer.aliyun.com/topic/lingma/activities/202403?taskCode=14508&recordId=7b0c66673d3e0e56e7e970d788cfc465#/?utm_content=m_fission_1 步骤1点击File-->Settings步骤2点击Plugins-->Marketplace步骤3搜索通义灵码(TONG......