美文网首页网站建设
学做网站也加薪 | 快速搭建个人网站

学做网站也加薪 | 快速搭建个人网站

作者: 老哥深蓝 | 来源:发表于2021-03-20 23:51 被阅读0次

    疫情后,总是不愿出门,宅在家里,本来爱玩的游戏也提不起兴趣,岁数大了……

    闲来无事写写文章,抒发下自己的心情,可电脑、手机、平板文件传来传真麻烦……

    写完文章发布时,多个平台切换编辑图文真麻烦……

    不如自己建个个人Blog网站,实现共享内容、云存储图片、一键分发,加点小广告赚点外块……嘿嘿……说干就干

    用什么来当Blog管理后台呢?

    个人Blog后台肯定免费是最重要的,其次速度要快、扩展性强、部署方便,未来万一要火了APP、小程序能很好的对接……

    OrchardCore开源免费,查了查网站,目前更新到RC2了相对稳定,基于微软.Net Core框架开发,支持windows、linux多平台部署,支持前后端分离。
    那就先用它吧!

    安装OrchardCore开发环境

    安装OrchardCore非常方便,目前RC2版本,需要安装 .Net Core 3.1。

    进入通过微软dotnet官网https://dotnet.microsoft.com/download/dotnet/3.1

    下载并安装.Net Core3.1 SKD

    SDK 3.1.407 下载

    下载后安装.NetCore3.1
    我们来测试.NetCore运行是否正常,点击开始运行CMD(命令提示符),输入dotnet --version回车,出现版本信息说明已经安装正常。

    cmd.png

    安装OrchardCore

    好了,netCore已经安装成功,现在我们适合的位置来安装OrchardCore模板,比如我们在D盘建立一个OrchardCore文件夹,在地址栏里输入CMD,启动命令提示符。

    快速启动cmd.png

    在命令提示符里输入如下字符:

    dotnet new -i OrchardCore.ProjectTemplates::1.0.0-rc2-13450
    

    回车等待一会后(根据网络环境有时会非常慢),出现如下字符说明OrchardCore项目模板安装成功

    安装项目模板成功.png

    现在我们来创建OrchardCore项目,继续在命令行里输入:

    dotnet new occms -n MyBlog
    
    //提示如下结果,创建成功
    D:\OrchardCore>dotnet new occms -n MyBlog
    The template "Orchard Core Cms Web App" was created successfully.
    
    D:\OrchardCore>
    

    看看我们的文件夹里,已经多出来MyBlog文件夹,里面也有了相应的文件。


    创建项目.png

    让我们来运行这个网站看看是什么样子的?
    继续在命令行里输入:

    //进入myblog文件夹
    D:\OrchardCore>cd myblog
    //运行myblog文件夹里的网站代码
    D:\OrchardCore\MyBlog>dotnet run
    

    第一次运行,dotnet会从nuget上下载程序需要支持的DLL文件,数量庞大需要耐心等待,这时你可以看看用户文件夹下是不是已经有了.nuget文件夹,里面也产生了好多文件,继续耐心等待。

    nuget.png

    在命令行中反馈如下信息时,说明已经运行成功了,http://localhost:5000https://localhost:5001就是你的MyBlog的本地网址,当你要停止网站的运行时,在命令行中按两次Ctrl+C可以关闭运行。

    D:\OrchardCore\MyBlog>dotnet run
    2021-03-20 18:55:51.1338|INFO|Microsoft.Hosting.Lifetime|Now listening on: https://localhost:5001
    2021-03-20 18:55:51.1458|INFO|Microsoft.Hosting.Lifetime|Now listening on: http://localhost:5000
    2021-03-20 18:55:51.1458|INFO|Microsoft.Hosting.Lifetime|Application started. Press Ctrl+C to shut down.
    2021-03-20 18:55:51.1458|INFO|Microsoft.Hosting.Lifetime|Hosting environment: Development
    2021-03-20 18:55:51.1458|INFO|Microsoft.Hosting.Lifetime|Content root path: D:\OrchardCore\MyBlog
    

    现在让我们看看网站是什么样的,打开你的浏览器(推荐:Edge或Chrome),输入网址http://localhost:5000,网站安装界面已经出来啦!

    安装网站.png

    按照提示的项目填写网站信息和超级用户信息,点击完成安装。

    这个过程序请退出360安全助手,它会产生一些问题。
    如果设置错误也不用怕,停止网站运行,将文件夹中的App_Data文件夹删除,然后重新运行,进行安装即可
    
    网站运行成功.png

    进入网站后台

    网站已经能够运行了,如何管理我的网站呢?
    网站后台通过如下地址进入:http://localhost:5000/admin
    进入时需要你输用用户名称和密码,使用安装时的超级用户信息进入。

    登录.png

    第一次进入后台

    第一次进入后台.png

    咦……怎么全变成英文了?老哥……听不懂啊!
    别急!OrchardCore采用模块化设计,关于本地化语言的模块还没有打开,让我们打开它。
    依次点击Configuration-Features,进入Features页面,在这里找到localization,点击Enable,启用这个模块。

    本地中文化.png

    熟悉的中文页面又回来了。

    发布第一篇文章

    目前测试Blog配方的主题存在问题,首先我们要更换一个主题,依次点击设计-主题,将The Default Theme设置为当前主题。以后和大家介绍如何自定义一个你的个性主题。

    设置主题.png

    好了,现在我们就可以通过管理菜单中的Blog,创建你的第一篇文章了。

    创建文章.png

    点击视图看看我们文章的效果,感觉还不赖……

    第一篇文章.png

    把我们的网站打包发布

    网站基础已经搭建完毕,后续我们会完善它让它看起来更美观,那现在我如何能用多端进行文章编辑呢?
    那就要将我们的网站打包后,放到云服务器中进行发布。

    进入命令行,按Ctrl+C关闭当前网站的运行,然后输入dotnet publish命令。
    出现如下内容表示发布成功,最终D:\OrchardCore\MyBlog\bin\Debug\netcoreapp3.1\publish\文件夹里的内容就是最终打包好可以发布的文件了。

    D:\OrchardCore\MyBlog>dotnet publish
    用于 .NET 的 Microsoft (R) 生成引擎版本 16.9.0+57a23d249
    版权所有(C) Microsoft Corporation。保留所有权利。
    
      正在确定要还原的项目…
      所有项目均是最新的,无法还原。
      MyBlog -> D:\OrchardCore\MyBlog\bin\Debug\netcoreapp3.1\MyBlog.dll
      Copying translation files: MyBlog
      MyBlog -> D:\OrchardCore\MyBlog\bin\Debug\netcoreapp3.1\publish\
    

    那如何在云服务器上发布这些文件内容呢?
    下一期我和大家介绍如何在云服务器上发布个人博客网站。

    相关文章

      网友评论

        本文标题:学做网站也加薪 | 快速搭建个人网站

        本文链接:https://www.haomeiwen.com/subject/yymgcltx.html