在遇到安裝與註冊部落格兩個問題,都順利解決之後,接下來就是要考慮到,當要把程式碼或者XML等資料內容,貼到部落格上的時候,如何標示這些程式碼的內容,使其具有顏色與特定格式。
雖然,Windows Live Write有支援 Plugin功能,網路上也搜尋到許多可用於標示格式化的程式碼的Plugin,不過,這都還要做些其他的設定,因此,找到一個最簡潔的方案。
這個網頁 http://www.manoli.net/csharpformat/ 雖然支援的格式不多,對我來說,已經非常足夠了,因此,我透過這個網頁,把文字格式的程式碼,直接轉換成為具有格式程式碼,在貼到 Windows Live Writer上, 就解決了我可以在部落格文章上,貼上具有格式內容的程式碼了,太感恩了。
底下則是我將 Visual Studio 2015 內的 XAML 部分內容剪下來,並且貼到該網頁上,所產生出來的效果:
(若您已經從網頁上複製了具有格式化的內容之後,再貼到 Windows Live Writer前,請點選 [Home] > [Paste] > [Paste Special…] > [Keep Formatting] 功能,這樣才會貼出如下的效果)
<Page
x:Class="Doggy.UWP.Views.EmailRegistrationView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Doggy.UWP.Views"
xmlns:ViewModels="using:Doggy.UILogic.ViewModels"
xmlns:Controls="using:Doggy.UWP.Controls"
xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
>
<Page.Resources>
<ResourceDictionary/>
</Page.Resources>
<Page.DataContext>
<ViewModels:EmailRegistrationViewModel/>
</Page.DataContext>
<Grid >
<Rectangle Fill="#FF262626" />
<StackPanel
Orientation="Vertical"
>
<!--#region 最上方的 Email註冊標題與回上一頁 -->
<Grid
VerticalAlignment="Top"
Height="45"
>
<Button
HorizontalAlignment="Left"
Margin="8,0,0,0"
Content=""
Height="28"
Foreground="White" BorderBrush="{x:Null}" Background="{x:Null}"
FontSize="17" FontFamily="/Assets/Fonts/fontawesome-webfont.ttf#FontAwesome"
BorderThickness="0" Padding="0" Command="{Binding 回上頁Command}"
/>
<TextBlock
Height="21"
VerticalAlignment="Center" HorizontalAlignment="Center"
Text="Email 註冊"
Foreground="White"
FontSize="17"
/>
</Grid>
沒有留言:
張貼留言